vuex官网:
https://vuex.vuejs.org/zh/guide/
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式
1.vuex解决了组件之间同一状态的共享问题 (解决了不同组件之间的数据共享)
2.组件里面数据的持久化。
小项目不部建议用vuex
vuex的使用:(共享的数据)
1、安装vuex
cnpm install vuex --save
2、在src目录下面新建一个vuex的文件夹
3、在vuex 文件夹里面新建一个store.js
4、在store.js引入vue 引入vuex 并且use vuex
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
5、在store.js中,定义数据
/*1.state在vuex中用于存储数据*/
var state={
count:1
}
6、在store.js中,定义方法 mutations里面放的是方法,方法主要用于改变state里面的数据
var mutations={
incCount(state){
++state.count;
},
}
暴露
const store = new Vuex.Stor