1. Vuex概述
只有组件之间共享的数据,才有必要存储到Vuex中;对于组件中的私有数据,依旧存储在组件的自身data中即可。
2. Vuex的基本使用
3. Vuex的核心概念
第一种方法:
先在store.js文件中的state提供数据
然后在组件中通过this.$store.state.count访问
第二种方法:
触发Mutation的第一种方式
只有Mutation才能变更Store中的数据
在Mutation中传递参数
触发Mutation的第二种方式
用了mapMutations以后,全局的Mutations函数就相当于当前组件内自己的函数
mutations中不能写异步的代码
.commit专门用来调用某个mutation函数
.dispath专门用来调用触发action
触发action的第一种方式
触发action的第二种方式
本质就是将全局motations函数映射为组件内的函数
Getter不会改变store的数据,仅对store中的数据进行加工处理
总结代码
App.vue文件
<template>
<div>
<my-addition