所有文章

今天来聊聊 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 `插件` 就是来帮助我们完成这项工作的。

有了前面几篇文章的铺垫，我相信我们回过头来再看看用 `vue-cli` 脚手架工具初始化的项目，就很好理解了。本篇将带着大家全面认识下用 `vue-cli` 脚手架工具初始化的项目，并会讲解如何定制化自己的项目模板。

Javascript 是一门弱类型语言，所以语法检查变得尤为重要。虽然有很多前端IDE开发工具，可以很好地帮助我们提示在编写时的错误，但是大多数开发者还是使用的像 `Sublime Text`、`Visual Studio Code` 之类的轻量级编辑器，这导致在开发中很容易出现各种错误，比如单词拼写错误，漏掉了括号等。而且每个人的代码编写习惯也不一样，因此有的项目的代码格式千差万别，比如 `缩进空格数`，有的习惯4个，有的习惯2个，这也导致项目维护起来越来越麻烦，遇到错误也很难定位。因此对 `Javascript` 进行语法检查的工具应运而生，目前 [ESLint](https://eslint.org/) 使用最为广泛。这篇将讲解如何将 `ESLint` 集成到我们的项目中。