1.安装依赖
npm i vuex -D
2.在src下新建store文件夹,并此文件夹下新建store.js,文件内容为:
import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
var store = new Vuex.Store({
state: {
arr: [],
msg: "bamboo"
},
mutations: {//只有这里才能修改state内的值
setarr(s) {//s表示state
s.arr=[1,2,3]
},
change(s, data) {
s.msg = data;
}
}
});
export default store;
3.在组建demo.vue或者其他vue组建中使用:
先导入仓库store
import store from "../store/store.js";
再接入数据
computed: {
arr() {
return store.state.arr;
},
name() {
return store.state.msg;
}
},
mounted() {
store.commit("setarr");
store.commit("change", "竹子");
}
最后在template中使用数据
<h2>{{name}}</h2>
<h3>{{arr}}</h3>