pinia getter写法
时间: 2024-10-20 07:14:05 浏览: 26
大壮考了小帅 5 道 Pinia 必问面试题
在Vue 3中,Pinia是一个官方推荐的状态管理模式,它的getters用于读取store中的数据,类似于Redux中的selectors。在Pinia的getter中,你可以编写计算属性,它们会在store的数据变化时自动更新,无需手动订阅。
Getter的写法通常是这样的:
```javascript
import { createStore } from 'pinia'
export const store = createStore({
state: () => ({
user: null,
posts: []
}),
getters: {
isLoggedIn(user) {
return !!user;
},
recentPosts(posts) {
return posts.slice(0, 5);
}
},
actions: {},
mutations: {}
})
```
在这个例子中,`isLoggedIn` 和 `recentPosts` 都是getter,当你从`store`中访问它们时,实际上是获取经过计算的结果。当`user`或`posts`状态改变时,`isLoggedIn` 和 `recentPosts` 就会被自动刷新。
阅读全文