vue.js vuex vue-router

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 8,022评论 0 7
  • Vuex 的学习记录 资料参考网址Vuex中文官网Vuex项目结构示例 -- 购物车Vuex 通俗版教程Nuxt....
    流云012阅读 5,334评论 0 7
  • *vue官网:https://cn.vuejs.org/vue-router官网:https://router.v...
    日落perfe阅读 7,126评论 0 10
  • 这两天在做Vue移动端的项目,正好用到了Vuex,记录一下相关知识。 一、安装 npm yarn Vuex是Vue...
    婷楼沐熙阅读 12,268评论 2 2
  • vuex 场景重现:一个用户在注册页面注册了手机号码,跳转到登录页面也想拿到这个手机号码,你可以通过vue的组件化...
    sunny519111阅读 12,447评论 4 111

友情链接更多精彩内容