怎么在 Vuex 中定义一个状态
时间: 2024-03-03 13:53:16 浏览: 130
用Vuex构建一个笔记应用
在 Vuex 中定义一个状态,需要在 store.js 文件中的 state 属性下添加一个对象,例如:
```
import { createStore } from 'vuex';
const store = createStore({
state: {
count: 0,
message: 'Hello World!'
}
});
export default store;
```
在上面的例子中,我们定义了两个状态:count 和 message。可以通过访问 this.$store.state.count 和 this.$store.state.message 来获取它们的值。
需要注意的是,state 中定义的状态应该是响应式的,这样当状态发生变化时,组件中使用该状态的地方会自动更新。因此,在修改状态时应该使用 mutation 或 action,而不是直接修改 state 中的属性。
阅读全文