美文网首页
在vue-cli项目里应用vuex

在vue-cli项目里应用vuex

作者: 风轻云淡小小木 | 来源:发表于2018-11-30 14:40 被阅读0次

一.安装: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

相关文章

网友评论

      本文标题:在vue-cli项目里应用vuex

      本文链接:https://www.haomeiwen.com/subject/mxrhcqtx.html