一.安装: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
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。