Vue点点坑及Vue的学习过程

1、刚刚入手vue时，使用vue-resource发送ajax跨域请求失败，提示信息是

Content-type不正确，对比jQuery发送ajax跨域成功，查找vue API 发现处理

Application/json请求失败时，启用emulateJSON配置，请求会以application/x

-www-form-urlencoded最为MIME类型，类似普通表单方式提交即可。

2、Vue响应式，当ajax查回来的数据变化时，基本类型数据会更新，对象类型数据

如数组类型等数据需显示 调用$set方法 更新此类型数据

3、Vuex在使用的过程中，不小心在mutation中使用了异步回调函数，出现state异常现象，查看api后，mutation中commit事件必须是同步的，保证state可追踪，如想使用异步回调函数，可使用dispatch分发的action事件

Vue的学习过程

1、初步接触Vue,学习并使用Vue基本使用，例如使用Vue渲染页面，绑定事件，以及配合生命周期钩子做预处理或者状态更新后的处理

2、当项目达到一定复杂度，抽取公共部分，构建成组件，此时需要关注父组件与组件之间的沟通方式，例如数据   props流动，事件emit流动，以及子组件之间的沟通方式

3、当页面很少的情况下可以编写简单路由，注入进Vue实例中，当项目中页面很多，复杂度进一步提高的时候，需要引入vue-router来管理路由，路由使用包括路由参数配置，动态路由等等

4、使用jQuery ajax配合vue可以实现数据交互，但无法做到针对特定路由请求拦截，此时可以使用vue-resource，使用interceptor钩子进行拦截操作，也可以实现数据交互

5、Vuex,项目达到一定复杂度时，使用Vuex管理公共状态，使用Vuex 中 state,mutation,action以及mudules管理公共状态

6、快速搭建Vue单页应用，使用vue-cli结合webpack编译vue项目