状态管理 - Vuex

Vuex详解,一文彻底搞懂Vuex

3.png

state只能通过提交mutations去修改

this.$store.commit("handleChange", 10)

Action和Mutation相似,进行异步操作

this.$store.dispatch("handleChange")

Getter类似于computed, 对于Store中的数据进行加工处理形成新的数据

state: {
    author: 'terry',
    age: 32
  },
  getters: {
    info (state) {
      const {author, age} = state
      return author + age
    }
  }
// 获取 和获取state里面的数据一样
<div>{{$store.getters.info}}</div>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 计算机网络 网络基础 计算机网络基础知识总结[https://mp.weixin.qq.com/s/WfcozFA...
    White7阅读 538评论 0 2
  • 0 HTML5相关 websocket WebSocket 使用ws或wss协议,Websocket是一个持久化的...
    可爱多小姐阅读 900评论 0 0
  • 在关于并发编程相关的知识点,这篇文章是本系列的最后一篇了,希望大家喜欢。 并发编程相关知识点汇总: 一、为...
    Android开发_Hua阅读 322评论 0 1
  • 最近自己在整理关于并发编程相关的知识点,要细致的了解每个知识背后产生的原因和相关处理并发的底层原理,确实还...
    Android开发_Hua阅读 142评论 0 1
  • Context继承关系Activity/Service/Application都是继承自ContextWrappe...
    tt2019阅读 218评论 0 0