所有文章

写这篇文章并不是为前端争论什么，也不想引起 “谁是世界上最好的语言” 此类的的争论（本人也并没有那个资格和能力，如果此文得评论不小心过于激烈，引起大家的不适，我会删文处理），只是想说清楚一些事情，让大家明白，做前端是一件很不容易的事情，也是一件很有创造力的事情。作为一个好的前端，同时掌握 `HTML, CSS, Javascript` 三门语言是必不可少的，而且这每一种都有她独特的魅力所在，是值得使用她的人去尊重和学习的。

有了前面文章的铺垫，相信一路看过来的新手的你开发一个中型的 Vuejs 应用已经不在话下，包括 Vuejs 生态核心工具（vue-router，vuex）的使用也不成问题。但是在实际项目开发过程中，我们要做的工作不仅仅是完成我们的业务代码，当一个需求完成后，我们还需要考虑更多后期优化工作，本篇主要讲述代码层面的优化。

今天来聊聊 Vue.js 中的状态管理，也许一提到状态管理，大家首先想到的就是 [vuex](https://github.com/vuejs/vuex/)，但是如果你的应用够简单，其实是不需要使用 vuex 的，反而会让你的项目变得繁琐起来。

对于单页面应用，前端路由是必不可少的，官方也提供了 [vue-router 库](https://github.com/vuejs/vue-router) 供我们方便的实现，但是如果你的应用非常简单，就没有必要引入整个路由库了，可以通过 Vuejs 动态渲染的API来实现。
我们知道组件可以通过 `template` 来指定模板，对于单文件组件，可以通过 `template` 标签指定模板，除此之外，Vue 还提供了我们一种自定义渲染组件的方式，那就是 [渲染函数 render](https://cn.vuejs.org/v2/guide/render-function.html)，具体 `render` 的使用，请阅读官方文档。
接下来我们开始实现我们的前端路由了。

虽然 Vue.js 已经足够强大了，但是在实际开发中，我们还是需要引入各种模块来实现我们的功能需求，或者给全局的 Vue 对象添加一些全局功能，而 Vue `插件` 就是来帮助我们完成这项工作的。