详解vue组件化开发-vuex状态管理库

// 实例化vuex状态库
var vuexStore = new Vuex.Store({
 state:{
  message:'Hello World',
  bookList:[
   {
    name:'javascript权威指南',
    price:100,
    en:'jq'
   },
   {
    name:'angularjs权威指南',
    price:80,
    en:'aq'
   },
   {
    name:'HTTP权威指南',
    price:50,
    en:'hq'
   }
  ]
 },
 mutations:{
  //同步
  showMessage:function(state,data){
   state.message = 'Store mutations changed this words。'+data;
  }
  addBook:function(state,data){
   state.bookList.push(data)
  }
 },
 getters:{
  filterPrice:function(state){
   var narr = [];
   for(var i = 0;i<state.bookList.length;i++){
    state.bookList[i].price<85 "htmlcode">

 var store = new VuexStore({
 state:{
  } ,
  mountations:{
  },  
 })



创建好store后我们需要把这个store注入到vue的实例和组件中，


 var vm = new Vue({
 el:'#app',
 store:store 
 })


然后我们就能像上面介绍的方法使用了。
最后多说一嘴，官方建议的目录结构是吧mutations，actions，getters等一系列，都分开放在不同的目录，便于多人开发与维护。
vue到此已经研究了很多。行百里者半九十，还需要深入研究。个人对vue2.0的总结demo已上传至gitHub。地址：https://github.com/HUA1/vue2-summary.git
本文到此结束，所涉及的vue版本是2.0.x;vuex版本是：2.2.1。希望对大家的学习有所帮助，也希望大家多多支持。