Vue 入门(二)—— 核心概念和简单示例

一、store(仓库)
包含 state 和 mutations,通过提交(commit) mutations 改变 state

二、state(状态)
Vuex 使用 单一状态树 —— 是的,用一个对象就包含了全部的应用层级状态
问题:如何在Vue 组件中获得 Vuex 状态?(https://vuex.vuejs.org/zh-cn/state.html

三、getters
可以认为是 store 的计算属性,接受 state 作为其第一个参数,使用 store.getters 或者 this.$store.getters 获取。

四、mutations
有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler),回调函数会接受 state 作为第一个参数,传入 payload 当第二个参数,payload是一个对象。

五、action
类似于 mutation,不同在于:
Action 提交的是 mutation,而不是直接变更状态。
Action 可以包含任意异步操作。

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

相关阅读更多精彩内容

  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 8,043评论 0 7
  • 本文为转载,原文:Vue学习笔记进阶篇——vuex核心概念 前言 本文将继续上一篇 vuex文章 ,来详细解读一下...
    ChainZhang阅读 5,570评论 0 13
  • Vuex是什么? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 8,332评论 0 6
  • State 单一状态树 Vuex 使用单一状态树——是的,用一个对象就包含了全部的应用层级状态。至此它便作为一个“...
    peng凯阅读 3,971评论 2 0
  • vuex 场景重现:一个用户在注册页面注册了手机号码,跳转到登录页面也想拿到这个手机号码,你可以通过vue的组件化...
    sunny519111阅读 12,466评论 4 111

友情链接更多精彩内容