一、什么是vuex？

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储，管理应用中所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

二、为什么使用vuex？

• 进行统一的状态管理，解决不同组件共享数据的问题。
• 不同视图需要变更同一状态的问题。
• 使用vuex之后，状态变化更加清晰。

三、如何使用vuex？

• 进行统一的状态管理，解决不同组件共享数据的问题。
• 不同视图需要变更同一状态的问题。
• 使用vuex之后，状态变化更加清晰。

1.首先安装vuex

打开项目的终端，输入命令。

npm install vuex --save

2.注册vue中

先引入vue，在引入vuex。

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

Vue.use(Vuex)

3.实例化vuex的store

const store = new Vuex.Store({
    state: {
        count: 0,
        title:'vuex中的title'
    },
    mutations: {
        increment(state,count) {
            state.count=count
        }
    }
})

4. 挂载在vue实例上

new Vue({
    store
})

5.在组件中就可以通过this.$store对vuex进行操作。

总结

以上就是今天要讲的内容。