Skip to content

通过属性访问 ​

本节目标:理解“通过属性访问”的核心思路,并能把它用于实际开发或面试表达。 Getter 会暴露为 store.getters 对象,你可以以属性的形式访问这些值:

store.getters.doneTodos // -> [{ id: 1, text: '...', done: true }]
Getter

也可以接受其他 getter 作为第二个参数:

getters: {  // ...  doneTodosCount: (state, getters) => {    return getters.doneTodos.length  }}
store.getters.doneTodosCount // -> 1

我们可以很容易地在任何组件中使用它:

computed: {  doneTodosCount () {    return this.$store.getters.doneTodosCount  }}

注意,getter 在通过属性访问时是作为 Vue 的响应式系统的一部分缓存其中的。

本站总访问 — 次