vuex 引入vuex

在Vue.js项目中引入Vuex主要是为了让组件之间共享状态，并实现状态管理。以下是基本步骤：

1. **安装Vuex**: 首先确保你已经在项目目录下安装了Vuex。如果没有，可以通过命令行工具（如npm或yarn）安装：

   npm install vuex --save
   # 或者
   yarn add vuex

2. **创建store文件**: 创建一个名为`store.js`（或者其他你喜欢的名称）的JavaScript文件，这是Vuex的核心部分，用于存放所有状态和相应的 mutations、actions 和 getters。

// store.js
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    // 初始化的状态数据
  },
  mutations: {
    // 状态变化的处理函数
  },
  actions: {
    // 异步操作，返回Promise
  },
  getters: {
    // 计算属性，从state中读取数据并计算
  }
})

3. **导入store到主入口**: 在你的Vue项目的主要入口文件（通常是`main.js`或`app.vue`），通过`import`导入store并注入到Vue实例中，使其在整个应用中可用。

// main.js
import { createStore } from './store'
const store = createStore()

new Vue({
  store,
  // ...其他配置
}).$mount('#app')

这样，你就成功地引入并使用了Vuex进行状态管理。每个组件都可以通过`this.$store`访问store内的状态和方法。