一.安装:npm install vuex --save-dev
二.在src下建立store文件夹,下有store.js文件
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
websiteNewsId:''
},
mutations:{
changeWebsiteNewsId( state, msg ){
state.websiteNewsId = msg;
}
}
})
export default store
//上面这个是存了一个websiteNewsId变量,调用changeWebsiteNewsId改变变量值
三.在main.js配置如下
import Vuex from 'vuex'
import store from './vuex/store'
Vue.use(Vuex)
new Vue({
el: '#app',
router,
store,
components: { App },
template: '<App/>'
})
4.使用
在a组件里设置:
this.$store.state.websiteNewsId=你要存的值
在b组件里取
let websiteNewsId=this.$store.state.websiteNewsId
