本文共 897 字,大约阅读时间需要 2 分钟。
这篇文章是描述了vuex的基本用法,不包含该插件过深的内容
初用vuex,一般是看重其声明的变量如果注册到根组件便可以在全组件中获取的特性,这篇文章就侧重如何使用vuex。
//先声明一个store,我默认在store.js文件中建立,因为我的目的是将其引入根组件//中,使其可以全局使用export default new Vuex.Store({ state, mutations, getters})
这里面有三个对象分别是 state、mutations、getters
理解之后,将上面的代码扩充一下变为
const state = { msg : '测试' //可以理解为 定义全局变量}const mutations = { setMsg : function(state,msg){ //可以理解为对全局变量的修改 state.msg = msg //可以加一些修饰 }}const getters = { msg : state =>{ return state.msg //可以理解为 获取这个群居的变量 }}export default new Vuex.Store({ state, mutations, getters})
这里面的东西的调用非常简单,当这个Vuex.Store实例被挂载到根组件上是,在任意组件中通过
var msg = this.$store.getters.msg //获取msg//修改方式比较特殊 通过commit()显式修改this.$store.commit('setMsg','修改了')//'修改了'默认是指 setMsg的第二参数,因为第一个参数vue有默认的属性
转载地址:http://wagwi.baihongyu.com/