ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
Vuex 是一个专为 Vue.js 应用程序开发的**状态管理模式 + 库**。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 ## 说白了就是一个全局通信管理库,由父子通信改变为全局通信 ![](https://img.kancloud.cn/25/a2/25a26cc6332f46717c62aa34a9fe2a75_1564x751.png) # 官方文档: https://v3.vuex.vuejs.org/zh/ # 安装: ## 在项目目录下安装这个版本 ~~~ npm install --save vuex@3.6.2 ~~~ 在src下建一个store目录 建一个index.js文件 ![](https://img.kancloud.cn/1f/10/1f104041ebf03affe5130f40625338d5_288x221.png) ## index.js文件里 ~~~ import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { count:0 }, mutations: { }, actions:{ } }) export default store ~~~ ![](https://img.kancloud.cn/8b/52/8b52987eabfb95c2708a6900db6d1bb2_1382x1135.png) ## main.js文件里 ~~~ import store from "@/store"; ~~~ ![](https://img.kancloud.cn/df/30/df303e2df365c29881b32e70ba3888c3_1483x958.png) # vuex中的核心概念如下: 1 State 2. Mutation 3. Action 4. Getter