vuex用法

这是一份store.js文件,这是vuex状态管理工具的文件,先要将它引入main.js

import Vuex from 'vuex';
import Vue from 'vue';
Vue.use(Vuex);

//状态 ==> 即是组件的公共数据
const state = {
	titleName: '发货多',     // 这里是 公共数据 ---- 项目名称
};
const mutations = {
//要想改变公共数据要通过一个方法,这个方法必须放在mutations 里面(虽然不这么做也可以用this.$store.state.titleName = 'XXX'的方式改变,但是官方不建议这么做!)
	changeTitleName(state, name) {
		state.titleName = name;
	}
};
const store = new Vuex.Store({
//把state   mutations  引入store 实例
	state,
	mutations
})
export default store

发布了37 篇原创文章 · 获赞 20 · 访问量 6741

猜你喜欢

转载自blog.csdn.net/qq_39051175/article/details/100154255