Vue的项目开发，你应该知道什么

Vue进行项目开发，我们需要懂得知识栈，应该由这么一些部分构成：vue.js、vue-router、vuex、axios、vue的单文件组件、element-ui等。这些部分，就是vue项目开发的全家桶。

vue.js——是vue开发的基础。这些基础的技能组成有这样的一些东西。
<1>、vue的基本指令。
v-if
v-for
v-model
v-bind
v-on

<2>、vue的组件传值
父传子——使用props
子传父——使用事件$emit

<3>、vue的单文件组件（.vue文件）
以.vue结束的文件，是vue的一大特点。它由三部分组成：
template、script、style。
template——代表单文件组件的模板。
script——代表单文件组件的JavaScript。
style——代表单文件组件的样式。

<4>、vue的生命周期（四个时期）
create
mount
update
destory
每个时期都有对应的两个状态。（例如：beforeCreate、created）

vue-router是一个项目的骨架。组件是一个vue项目的血肉。他们组合起来，形成一个vue的项目。

vue-router有三个核心点：router-link、router-view、router对象。

router-link代表了跳转路由的链接。

router-view代表了路由对应的page组件。

router定义了函数式路由的方式：push、replace、go方法。

其中，go方法一般是用来回退一个页面的，也就是：go(-1)。

axios定义了vue的数据请求方式，另一个常用的数据请求方式是vue-source。

但是，个人认为，axios才是vue项目最好的数据请求方式，因为它提供了自身的拦截器接口。

axios对象的常用api有很多，个人常用的方式是：
axios.get()
axios.post()
axios.request()

适合vue的ui框架挺多，但是个人觉得，element-ui是比较好用的那一个，如果你做的是一个后台管理系统。那么，就选element-ui吧！准没错。

提供了完美的表单验证方式。

提供了完整的layout布局、以及常见的布局组织方式。

提供了丰富的界面导航系统。

。。。。。。

单页面应用的一大痛点，就是复杂的数据状态管理。

vuex就是vue针对自身而提供的一种数据管理工具。

vuex的核心是一个store对象，维护这一个全局的状态树——state。

vuex提供了两种方式获取state。一种是直接获取state。一种是通过getters来获取。

vuex的数据改变的方式也有两种，一种是同步的mutations（commit），一种是异步的actions（dispatch）。

vuex为了模块化的进行数据管理，提供了modules的属性。

一个基于vue、vue-router、vuex、element-ui的项目模板：