import Vue from 'vue'
import Vuex,{store} from 'vuex'
Vue.use(Vuex)
const store = new store({
state:{}
getters:{}过滤改变state
mutations:{ 改变state,处理同步请求
changName(state,actions){
state.name = actions.name
}
}
<-- 在组件里面 this.$store.commit('changName',{name:"张三'})-->
actions:{ 改变mutations 处理异步请求
getlist(context){
context.commit('initlist',{list:res.data})
<-- 在组件生命周期或事件中
this.$store.dispatch('getlist') 去触发这个方法
-->
}
}
})
--------------------------
computed:{ 计算属性
getlist(){
return Math.floor(Math.random()*this.username)
}
} 仅仅在内部依赖的data中数据发生变化时才执行
watch:{监听属性
getlist(newval,oldval){}
基于计算属性来监听新的值跟旧的值
}