vue2 使用vuex

Vue.js是一个用于构建用户界面的渐进式JavaScript框架，而Vuex是Vue.js官方提供的状态管理库，用于管理Vue.js应用中的数据流。下面是使用Vue 2和Vuex的步骤：

1. 安装Vuex：在项目目录下运行以下命令来安装Vuex：

npm install vuex

2. 创建store：在项目中创建一个名为store.js（或者其他你喜欢的名字）的文件，并在其中导入Vue和Vuex：

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

Vue.use(Vuex)

const store = new Vuex.Store({
  // 在这里定义你的状态、mutations、actions等
})

export default store

3. 定义状态：在store.js文件中，你可以定义应用的状态。状态是存储在Vuex中的数据，可以在整个应用中共享和访问。例如，你可以定义一个名为count的状态：

const store = new Vuex.Store({
  state: {
    count: 0
  }
})

4. 定义mutations：mutations是用于修改状态的方法。你可以在mutations中定义一些方法来更新状态。例如，你可以定义一个名为increment的mutation来增加count的值：

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

5. 使用状态和mutations：在Vue组件中，你可以通过`this.$store.state`来访问状态，通过`this.$store.commit`来调用mutations。例如，在一个组件中，你可以这样使用count状态和increment mutation：

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

以上是使用Vue 2和Vuex的基本步骤。当然，Vuex还提供了更多的功能，如actions、getters等，你可以根据具体需求进行学习和使用。