博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue中moudles的作用及使用方法
阅读量:4701 次
发布时间:2019-06-09

本文共 820 字,大约阅读时间需要 2 分钟。

1.作用:vuex允许把store分割为模块,每一个模块都有自己的state,actions,getters,mutations甚至是嵌套一些子模块,从上到下进行同样方式的分割

  在文件src中创建一个文件夹store,包含index.js就是store.js ,然后再创建文件夹modules文件夹,此文件夹中放的就是模块,

import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)import menu from './modules/menu'export default new Vuex.Store({  state: {  },  mutations: {  },  actions: {  },  modules:{    menu  }})

 

const moduleA = {  state: { count: 0 },  mutations: {    increment (state) {      // 这里的 `state` 对象是模块的局部状态      state.count++    }  },  getters: {    doubleCount (state) {      return state.count * 2    }  }}

 2.对数据的处理方式

组件调用数据,逗需要通过action

在actions中进行数据的处理请求等草左,

然后action在把数据调教给mutation,mutation在对state中的数据进行处理

(只有mutation具有资格能够修改state中的数据,)

3.命名空间

在模块中添加namesapced:true

添加了以后在哪dispatch和commit的时候木块名就需要路径+模块名

 

转载于:https://www.cnblogs.com/mrxinxin/p/10228388.html

你可能感兴趣的文章
语法糖代码
查看>>
迭代器和生成器总结复习
查看>>
CSS定位方法
查看>>
帮别人写的小玩艺
查看>>
我该怎么办,倒霉嘛,又是一卦大凶的天显时格
查看>>
MOS管的应用
查看>>
Mirror app - 简单MP3播放器界面
查看>>
团队项目之个人任务01
查看>>
惠惠一键海淘是大坑,不靠谱!
查看>>
开平方与魔数0x5F3759DF:Quake III 开源代码
查看>>
作业四:结对编程,词频统计
查看>>
[转载]cin、cin.get()、cin.getline()、getline()、gets()函数的用法
查看>>
局域网匿名不需要密码就能访问共享文件的方法
查看>>
移动APP开发使用什么样的原型设计工具比较合适?
查看>>
Oracle Forms Execute_Query Example To Fetch The Records From Database
查看>>
ENG – Engineering Item
查看>>
Windows Phone App的dump文件实例分析-Stack Overflow
查看>>
Aptana studio 3配色方案的修改方法
查看>>
关于InvokeMethod Activity的异步调用
查看>>
2016.9.14小程序---多态练习1
查看>>