1.先安装vuex,执行 npm install vuex --save代码,安装vuex
2.在main.js文件中导入vuex,代码如下:
import vuex from 'vuex'
Vue.use(vuex)
3.在根目录下创建文件夹:vuex,然后添加store.js文件,store.js文件代码如下:
import vue from 'vue'
import Vuex from 'vuex'
vue.use(Vuex)
const state={
changeMenuNewsListtitle:''
}
const mutations={
changeMenuNewsList(state,title){
// alert(title)
state.changeMenuNewsListtitle=title;
}
}
export default new Vuex.Store({
state,mutations
})
4.触发组件
this.$store.commit("changeMenuNewsList", this.menuListAll[index].title);
5.被触发组件
watch: {
"$store.state.changeMenuNewsListtitle": function (val) {
console.log(val);
},
},