vuex如何使用

使用 Vuex 需要经过以下几个步骤：

1. 安装 Vuex 库：可以使用 npm 或 yarn 安装 Vuex，命令如下：

   npm install vuex --save

2. 创建一个 store 对象：store 对象包含应用中的状态和一些用于修改状态的方法。创建 store 对象的代码类似于下面这样：

   import Vue from 'vue'
   import Vuex from 'vuex'

   Vue.use(Vuex)

   const store = new Vuex.Store({
     state: {
       count: 0
     },
     mutations: {
       increment (state) {
         state.count++
       }
     }
   })

   export default store

3. 在应用中使用 store 对象：可以在应用的根组件中引入 store 对象并将其注入到 Vue 实例中，这样所有组件都可以使用 store 对象中的状态和方法。代码类似于下面这样：

   import Vue from 'vue'
   import App from './App.vue'
   import store from './store'

   new Vue({
     el: '#app',
     store,
     render: h => h(App)
   })

4. 在组件中使用 store 对象：可以使用 computed 属性或者方法来获取 store 对象中的状态值，使用 methods 属性来调用 store 对象中的方法。代码类似于下面这样：

   <template>
     <div>
       <p>{{ count }}</p>
       <button @click="increment">Increment</button>
     </div>
   </template>

   <script>
   export default {
     computed: {
       count () {
         return this.$store.state.count
       }
     },
     methods: {
       increment () {
         this.$store.commit('increment')
       }
     }
   }
   </script>

以上就是使用 Vuex 的基本步骤，需要注意的是，Vuex 中的状态是响应式的，可以使用 Vue.js 的 computed 属性来获取它们，并且在组件中修改状态的唯一方式是通过提交 mutation。