vue的缺点   

Vue就这么好，难道没出缺点吗？当然有，vue固然在16年异常火爆，然则比拟于angular和react，不论是成熟度照样社区活泼度都还不是敌手。此外，Vue明白声清楚明了本身放弃了对IE8的支撑。再看看如今的┞沸聘网站上，有若干写了须要有angular经验，而又有若干写了须要vue经验，就可见vue的影响力比拟于angular和react还差的很远。

社区拓展比较

vue全家桶及衔目架构

Vue有有名的全家桶系列，包含了vue-router（http://router.vuejs.org），vuex（http://vuex.vuejs.org）， vue-resource（https://github.com/pagekit/vue-resource）。再加上构建对象vue-cli，就是一个完全的vue项目标核心构成。

npm install vue-router  

经由过程import导入并定义Vue模块、vue-router模块和须要应用的组件，在本例中，分别是Goods、Ratings和Seller组件。最后，如不雅在一个模块化工程中应用它，必须要经由过程 Vue.use() 明白地安装路由功能。

在vue项目一一样可以应用less预编译，只是须要应用npm安装less-loader插件。安装完成后，在vue中的css模块进内行单的设备，如许就可以直接应用less来编写样式表了。在打包编译的时刻，会主动生查对应的css样式。

import Vue from’vue’  
 
importRouter from’vue-router’ 
 
import Goods from ‘@/components/goods/goods’;  
 
import Ratings from ‘@/components/ratings/ratings’;  
 
import Seller from ‘@/components/seller/seller’; 
 
Vue.use(Router); // 须要import Vue和Router，不然会报错undefined  

经由过程const router= new VueRouter（）来定义一个路由，并传入对应的设备，包含路径path和组件components。

最后，在应用newVue来创建和挂载vue根实例的时刻，记得要经由过程 router设备参数注入路由，即在router中export出来的路由对象，大年夜而让全部应用都有路由功能。

安装 Vuex 之后，让我们来创建一个 store。创建过程直截了当——仅须要供给一个初始 state 对象和一些 mutations：

vuex状况治理

Vuex 是一个专为 Vue.js 应用法度榜样开辟的状况治理模式。它采取集中式存储治理应用的所有组件的状况，并以响应的规矩包管状况以一种可猜测的方法产生变更。如前面所提到的，Vuex 已经集成到 Vue 的官方调试对象vue Devtools，可以轻松的查看项目中的Vuex状况变更情况。

假设有如许一个场景：我们的项目范围比较大年夜，有多个父组件，每个父组件同时又包含多个子组件。若何保持对所有时光的追踪将变得很艰苦。到底哪个事宜是哪个组件派发的，哪个组件该监听哪个事宜？父组件将变得和子组件耦合越来越严重，因为它须要明白的派发和监听子组件的某些事宜。项目逻辑分散在各个组件傍边，很轻易导致逻辑的纷乱，晦气于我们项目标保护。

这就是 Vuex 用来解决的问题。 Vuex 的四个核心概念分别是：

The state tree：Vuex 应用迪?状况树，用一个对象就包含了全部的应用层级状况。至此它便作为一个『独一数据源(SSOT)』而存在。这也意味着，每个应用将仅仅包含一个 store 实例。单状况树让我们可以或许直接地定位任一特定的状况片段，在调试的过程中也能随便马虎地取得全部当前应用状况的快照。

Getters：用来大年夜 store 获取 Vue 组件数据。

Mutators：事宜处理器用来驱动状况的变更。

Actions：可以给组件应用的函数，以此用来驱动事宜处理器 mutations

Vuex和Ｒ单的全局对象是不合的，当Vuex大年夜store中攫取状况值的时刻，若状况产生了变更，那么响应的组件也会高效的更新。并且，改变store中状况的独一门路就是提交commit mutations。如许便于我们跟踪每一次状况的变更。只要产生了状况的变更，必定伴跟着mutation的提交。

让我们来看一个最简单的vuex例子：

如今，你可以经由过程 store.state 来获取状况对象，以及经由过程 store.commit 办法触发状况变革：

vue-resource介绍