Vue 的状态管理工具 Vuex,Vuex的安装与使用
目录:
1、安装vuex依赖
2、创建store文件
3、Vuex的核心属性
state
getters
mutations
actions
modules
npm install vuex --save
2、创建store文件
在store文件夹,新建个index.js文件(命名看个人习惯,如果没有该文件夹,可以新建一个,当然也可以不建文件夹,直接新建个js文件也是可以的)
//store/index.js //导入Vuex包 import Vuex from "vuex" Vue.use(Vuex); //创建Store对象: const store = new Vuex.store({ state:{count:0}, mutattions:{}, actions:{}, getters:{} })
//将store对象挂载到vue实例中
new Vue({ el: '#app', router, store, render: h => h(App) });
这里解释一下各个代码段的作用:state是自定义的一些变量,需要用来保存数据,mutations是用来触发事件,相当于方法,用户需要通过触发这个方法,借此来保存数据,参数的话,第二个参数就是用户传入的值,然后在方法中赋值给state中的变量
3、Vuex的核心属性
state:定义初始化状态
getters:获取状态
mutations:设置状态
actions:异步提交mutations
modules:把状态管理模块化,各自的组件构成各自的模块
vuex深度剖析地址:https://www.cnblogs.com/meiyanstar/p/14788549.html
- 上一篇 »Vue学习——Vue的状态管理Vuex
- 下一篇 »vue全家桶和react全家桶都包含哪些?