![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vuex
公孙元二
如果你看到这句话,幸运值+1
展开
-
vuex学习笔记
1.1组件之间共享数据的方式父向子传值:v-bind属性绑定子向父传值:v-on 事件绑定兄弟组件之间共享数据:EventBus$on 接收数据的那个组件$emit 发送数据的那个组件在这里插入图片描述1.3 什么样的数据适合存储到Vuex中一般情况下,只有组件之间共享的数据,才有必要存储到vuex中;对于组件中的私有数据,依旧存储在组件自身的data中即可。推荐使用mutations...原创 2021-06-21 23:49:00 · 99 阅读 · 0 评论 -
vuex Actions和mapActions的使用
Actions存在的意义是假设你在修改state的时候有异步操作,vuex作者不希望你将异步操作放在Mutations中,所以就给你设置了一个区域,让你放异步操作,这就是Actionsstore/index.jsconst store = new Vuex.Store({ state: { name: '张三', number: 0, }, mutations: { setNumberIsWhat(state, payload) {原创 2022-01-04 14:41:26 · 872 阅读 · 0 评论 -
vuex Mutation和mapMutations的使用
说到修改值,有的同学就会想到这样写:// 错误示范this.$store.state.XXX = XXX;这是错误的写法!这个store仓库比较奇怪,你可以随便拿,但是你不能随便改,在vuex中,我们不能直接修改仓库里的值,必须用vuex自带的方法去修改,这个时候,Mutation闪亮登场了!store/index.jsimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.原创 2022-01-04 14:00:06 · 744 阅读 · 0 评论 -
vuex mapState的使用
store/index.jsimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store({ state: { // 定义一个name,以供全局使用 name: '张三', // 定义一个number,以供全局使用 number: 0, // 定义一个list,以供全局使用 li原创 2022-01-04 13:33:41 · 671 阅读 · 0 评论 -
vuex mapGetters的使用
import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store({ state: { name: '张三', number: 0, list: [ { id: 1, name: '111' }, { id: 2, name: '222' }, { id: 3,原创 2022-01-04 13:47:25 · 1077 阅读 · 0 评论