1:下载、引用、注册、生成(管理库)、挂载(一气呵成):
1.1:下载:npm i vuex -S
(1.2到1.5需在main.js全局中使用、其它组件vm外不用加this)
1.2:引用:import Vue from ‘vue‘ ;import Vuex from ‘vuex‘
1.3:注册:Vue.use(Vuex)
1.4:生成(管理库):var store = new Vuex.Store({
state: {…… //存放干净的未被操作过的数据。调用直接 this.$store.state.xx},
mutations: {…… //存放一些操作satate里数据的方法(注意方法里的第一个形参必须是state),也建议调用state里的数据别直接去state里面取,不然有谁修改了state里的数据找都不好找,这里面的方法还能用第二个形参来接受参数可以是对象,这样不香吗。调用直接 this.$store.commit( ‘xx‘, {实参(如a:1, b:2)} ) }
getters: {…… //如果不是想要修改state的里数据,而是想然让它刚出生的时候就带着一层包装供我调用就用这里面的方法(注意方法里的第一个形参必须是state)。调用直接this.$store.getters.xx}
})
1.5:挂载:将 store 挂载到vm实例上即可
原文:https://www.cnblogs.com/fxw1/p/14125138.html