使用VUEX组件传值

tech2023-02-03  125

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); }, },
最新回复(0)