vue中vuex使用

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: {…… //存放干净的未被操作过的数据。(如要保存其它组件中的值可通过mutations里的方法的第二个形参来传递,state里存空数组呀、0呀等等都行)调用直接 this.$store.state.xx},

 mutations: {…… //存放一些操作satate里数据的方法(注意方法里的第一个形参必须是state),也建议调用state里的数据别直接去state里面取,不然有谁修改了state里的数据找都不好找,这里面的方法还能用第二个形参来接受参数可以是对象,这样不香吗。调用直接 this.$store.commit( 'xx', {实参(如a:1, b:2)} )    },

getters: {…… //如果不是想要修改state的里数据,而是想然让它刚出生的时候就带着一层包装供我调用就用这里面的方法(注意方法里的第一个形参必须是state)。可理解为getters里面的方法可以当计算属性使用,因为它保存的state里的值会更新。调用直接this.$store.getters.xx }

})

 1.5:注册:将 store 注册到vm实例上即可

 

posted @ 2020-12-12 16:47  封兴旺  阅读(313)  评论(0编辑  收藏  举报

联系方式: 18274305123(微信同号)