摘要: 当在严格模式中使用 Vuex 时,在属于 Vuex 的 state 上使用 v-model 会导致出错。 <input v-model="obj.message"> 假设这里的 obj 是在计算属性中返回的一个属于 Vuex store 的对象,在用户输入时,v-model 会试图直接修改 obj. 阅读全文
posted @ 2021-02-04 23:44 vickylinj 阅读(1609) 评论(0) 推荐(0) 编辑
摘要: 一、state 1.1 引入vuex 以后,我们需要在state中定义变量,类似于vue中的data,通过state来存放状态 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.St 阅读全文
posted @ 2021-02-04 22:18 vickylinj 阅读(292) 评论(0) 推荐(0) 编辑
摘要: 有时候我们需要从 store 中的 state 中派生出一些状态,例如对列表进行过滤并计数: computed: { doneTodosCount () { return this.$store.state.todos.filter(todo => todo.done).length } } 如果有 阅读全文
posted @ 2021-02-04 21:33 vickylinj 阅读(1097) 评论(0) 推荐(0) 编辑
摘要: mapState 函数返回的是一个对象。我们如何将它与局部计算属性混合使用呢?通常,我们需要使用一个工具函数将多个对象合并为一个,以使我们可以将最终对象传给 computed 属性。但是自从有了对象展开运算符 (opens new window),我们可以极大地简化写法: computed: { l 阅读全文
posted @ 2021-02-04 21:21 vickylinj 阅读(564) 评论(0) 推荐(0) 编辑