美文网首页
VUE系列之vuex

VUE系列之vuex

作者: 尾巴尾巴尾巴 | 来源:发表于2017-09-15 16:55 被阅读0次

state:
state是响应式的
不允许直接修改state,必须显式的通过commit mutation

getter:相当于store的计算属性,
用来包装state,把原始state包装成视图展示需要的形式(filter, count, find等等)

mutation:
负责更新state, mutation是同步操作,commit mutation下之后state就更新完了
预先注册在store中,每次commit时查询mutation表,执行对应的state更新函数
mutation必须是同步的

action:
异步场景下使用action作为mutation的补充
action不像mutation一样可以直接修改state,而是通过commit mutation来间接修改,也就是说只有mutation对应原子级的状态更新操作
action里面也可以有同步操作,设计上故意把异步操作作为action,同步作为mutation

modules:
模块化机制,用来拆封组织store

mapState
mapGetter
mapMutations
mapActions

相关文章

  • VUE系列之vuex

    state:state是响应式的不允许直接修改state,必须显式的通过commit mutation gette...

  • Vuex —— The core of Vue applicat

    系列文章:Vue 2.0 升(cai)级(keng)之旅Vuex — The core of Vue applic...

  • 2019-03-25

    vue 全家桶 Vue有著名的全家桶系列,包含了: vue-router,vuex,vue-re...

  • 15-Vuex基础

    Vue之vuex状态管理 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 这个Vuex包含以下几...

  • vuex源码分析(一)——初始化vuex

    本文参考珠峰架构公开课之vuex实现原理 vuex是基于vue框架的状态管理。 如何在vue项目中初始化vuex?...

  • 2019-06-07

    import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)...

  • 2018-09-06

    import Vue from 'vue'import Vuex from 'vuex' Vue.use(Vuex...

  • Vue 全家桶介绍

    Vue有著名的全家桶系列,包含了vue-router(http://router.vuejs.org),vuex(...

  • Redux 入门

    系列文章:Redux 入门(本文)Redux 进阶番外篇: Vuex — The core of Vue appl...

  • Redux 进阶

    系列文章:Redux 入门Redux 进阶(本文)番外篇: Vuex — The core of Vue appl...

网友评论

      本文标题:VUE系列之vuex

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