vuex学习笔记

之前的的vue教程里面讲到了一部分的vuex但是在做项目的时候发现还根本不会用，所以再看了一次其他的教程，感觉更清晰了。

教程指路：这里

目录

1.Vuex概述

组件之间数据共享方式-只适合小范围的数据共享

2.vuex核心概念

state

组件访问State中数据的方式1：

组件访问State中数据的方式2：

mutation

mutation使用方法1：

使用mutations时传递参数：

mutation使用方法2：

action

触发action方式1

携带参数

触发action方式2：

getter

第一种使用方式：

第二种使用方式：

---

 

1.Vuex概述

Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享

 

组件之间数据共享方式-只适合小范围的数据共享

父传子：v-bind属性绑定

子传父：v-on事件绑定

兄弟组件之间数据传递：EventBus

$on：接收数据的组件

$emit：发送数据的组件

 

2.vuex核心概念

state

state提供唯一的公共数据源，所有的共享数据都需要统一存放到Store的State中进行存储

组件访问State中数据的方式1：

this.$store.state.全局数据名称

组件访问State中数据的方式2：

需要首先从vue