在vue-cli项目里应用vuex

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