一.安装
npm install vuex --save
二.使用:新建store/store.js
Vue.use(Vuex)
const store = Vuex.Store({
state: {},
mutations: {}, // devtools不支持异步,异步需要action
actions: {}, 异步更新
gettes: {}, // 类似computed
modules: {}
});
state对象添加key/value,不能直接添加属性,否则不是响应式,
Vue.set(state.obj, “key”, “value”);
state对象删除key,不能直接删除属性,否则不是响应式,
Vue.delete(state.obj, “key”, “value”);
响应式的方法:
// 1.push方法
// 2.pop(): 删除数组中的最后一个元素
// 3.shift(): 删除数组中的第一个元素
// 4.unshift(): 在数组最前面添加元素
// 5.splice作用: 删除元素/插入元素/替换元素
// 删除元素: 第二个参数传入你要删除几个元素(如果没有传,就删除后面所有的元素)
// 替换元素: 第二个参数, 表示我们要替换几个元素, 后面是用于替换前面的元素
// 插入元素: 第二个参数, 传入0, 并且后面跟上要插入的元素
// splice(start)
// 5.sort()
// 6.reverse()
// 注意: 通过索引值修改数组中的元素
// this.arr[0] = '111';
// this.arr.splice(0, 1, '22')
// set(要修改的对象, 索引值, 修改后的值)
Vue.set(this.letters, 0, 'bbbbbb')