美文网首页
vuex 的使用步骤

vuex 的使用步骤

作者: 飞鱼_JS | 来源:发表于2017-08-24 20:32 被阅读0次

    一、安装

    npm install vuex -S
    

    二、main.js中挂载

    import store from "./vuex/store.js"
    
    new Vue({
      el: '#app',
      router,
      store,
      template: '<App/>',
      components: { App }
    })
    

    三、在src目录下新建vuex目录,并在该目录下创建store.js文件

    import Vue from "vue";
    require('es6-promise').polyfill()
    import Vuex from "vuex";
    
    Vue.use(Vuex)
    const state = {
      Agendas: []
    }
    const mutations = {
    
    }
    export default new Vuex.Store({
      state,
      mutations
    })
    
    

    四、使用state

    this.$store.state. ___
    

    五、组建中mutations 的使用

    import {mapState , mapMutations} from "vuex"
     methods:{
        ...mapMutations(['CheckUrl']),
    }
    

    相关文章

      网友评论

          本文标题:vuex 的使用步骤

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