首先下载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不是上下文对象,而是状态
相当于是引入了一个状态管理,相当于是路由注册了一下



















