一.安装 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')