美文网首页
vue.js vuex vue-router

vue.js vuex vue-router

作者: 小小小胡 | 来源:发表于2017-07-06 11:26 被阅读17次

    PS:

                                                 这只是个人笔记

                                                      这只是个人笔记

                                                                   这只是个人笔记

    使用vue-cli脚手架安装vue项目  vue init webpack project  

    npm install vuex --save 

    在src 中新建项目为store > index.js | modules>app.js

    在index.js中

    import Vue from 'vue';

    import Vuex from 'vuex';

    import app from './modules/app.js'

    Vue.use(Vuex);

    const store = new Vuex.Store({

    modules:{

    app,

    }

    });

    export default store;

    而在modules中的文件返回的时候需要注意,需要加上 export default{}

    const state = {

    msg : 'hello vue'

    }

    export default {

    state

    };

    而在其他组建中使用store的时候 this.$store.state.app.ms

    相关文章

      网友评论

          本文标题:vue.js vuex vue-router

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