如何实现Vuex的各个模块封装-创新互联
这篇文章主要讲解了如何实现Vuex的各个模块封装,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。
网站设计、成都网站制作的关注点不是能为您做些什么网站,而是怎么做网站,有没有做好网站,给成都创新互联公司一个展示的机会来证明自己,这并不会花费您太多时间,或许会给您带来新的灵感和惊喜。面向用户友好,注重用户体验,一切以用户为中心。一、各个模块的作用:
- state 用来数据共享数据存储
- mutation 用来注册改变数据状态(同步)
- getters 用来对共享数据进行过滤并计数操作
- action 解决异步改变共享数据(异步)
二、 创建文件:
- actions.js
- getters.js
- index.js
- mutations.js
- mutation-types.js
- state.js
三、编辑文件
这里只是拿出自己的项目来做一个例子,只是介绍封装的方法。
index.js
import Vue from 'vue' import Vuex from 'vuex' import * as actions from './actions' import * as getters from './getters' import state from './state' import mutations from './mutations' import createLogger from 'vuex/dist/logger' // vuex调试工具 Vue.use(Vuex) const debug = process.env.NODE_ENV !== 'prodycution' // 开发环境下开启严格模式 export default new Vuex.Store({ actions, getters, state, mutations, strict: debug, plugins: debug ? [createLogger()] : [] })
新闻名称:如何实现Vuex的各个模块封装-创新互联
标题来源:http://ybzwz.com/article/djchhg.html