首先下载vuex,然后建立一个目录在vueX中
接着在index。js文件夹中引入
引入后导出这个文件
在main.js文件中导入,这样vue就有了状态管理
接着我创建了2个组件,在
里边规定了一个num:0
在 打印出来就可以看见
映射函数mapState,必须和vux中的store中的的定义名称一样,要不就会有问题
如果没有报错就是没有打开严格模式
打开严格模式
调用这里的方法
使用这个方法来调用函数。
或者
这样也可以,直接在页面写一个mapMutations方法来调用
调用的方法
直接修改context.state.num+=10会报错
mutations和actions的区别 mutations只能进行同步提交 actions可以进行异步提交如果在mutations中进行异步提交会报错。
actions的映射
计算属性
这里的context不是上下文对象,而是状态
相当于是引入了一个状态管理,相当于是路由注册了一下