Appearance
通过属性访问
本节目标:理解“通过属性访问”的核心思路,并能把它用于实际开发或面试表达。
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 的响应式系统的一部分缓存其中的。
