语法

2024年03月19日

柏拉文

越努力，越幸运

一、Vuex 5.x

---

1.1 安装

npm install vuex@next --save
# or with yarn
yarn add vuex@next --save

1.2 创建

要创建store，你可以使用包含创建基本store所需的states、actions和 getter 的对象调用 createStore 方法：

import {createStore} from 'vuex'
const useStore = createStore({
  state: {
    todos: [
      { id: 1, title: '...', done: true }
    ]
  },
  getters: {
    doneTodos (state) {
      return state.todos.filter(todo => todo.done)
    }
  }
})

1.3 入口

要访问 Vuex 全局对象，需要在 Vue.js 项目根文件中添加 Vuex，如下所示：

import { createApp } from 'vue'
import App from './App.vue'
import {useStore} from './store'
createApp(App).use(store).mount('#app')

二、Vuex 5.x 以前

---