js 文件引入vuex

在Vue.js中引入Vuex是为了管理应用的状态（state），通常用于大型单页面应用程序（SPA）。首先，你需要安装Vuex作为npm依赖：

npm install vuex --save

然后，在项目中创建一个名为store的文件夹，里面包含`index.js`文件，这是你的Vuex store的主要入口点。在这个`index.js`文件中，你会设置一个store实例并配置它：

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

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    // 初始状态
  },
  mutations: {
    // 状态变更的处理函数
  },
  actions: {
    // 异步操作，通过commit触发
  },
  getters: {
    // 计算属性，从状态中读取数据
  }
})

接下来，要在组件中访问和修改状态，需要注入store到组件选项里：

// 组件示例：src/components/App.vue
import { mapState, mapActions } from 'vuex'

export default {
  computed: {
    ...mapState(['myState']) // 获取state中的值
  },
  methods: {
    ...mapActions(['doSomething']) // 调用actions中的异步操作
  },
  created() {
    this.$store.dispatch('doSomething') // 直接触发action
  }
}