vuex.Store 基本属性介绍

const store = new Vuex.Store({
// 定义的公共变量
  	state: {
  	  count: 1,
  	  stu: [{id:1,age:18,name:'dx'},{id:2,age:20,name:'yx'},{id:3,age:100,name:'xx'}]
  	},
  // state中的变量只能在mutations中通过方法修改
  	mutations: {
  	  changeCount: function (state) {
  	  	state.count++
  	  	console.log('改变了count')
  	  }
  	  //当你需要改变state并且同步的时候在这里
  	},
  	actions: {
  	//这里的东西全都是异步的
  	},
  	getters: {
  	  //当你需要改变state,并且需要经过比较复杂的计算时
  	  //里面的东西全都是一些方法
  	  //如果计算的东西,不需要组件传回参数,就直接返回一个值,
  	  more20age(state){
       return state.stu.filter(s =>s.age>=20) 
      }
  	  //如果计算的东西,需要组件传回参数,就返回一个方法
  	  moreage(state){
       return function(age){
         return state.stu.filter(s =>s.age>=age)
       }
     }
  	}
})

你可能感兴趣的:(前端,vue-x)