2021年4月18日
摘要: Getter 用于对 Store中的数据进行加工处理形成新的数据。 Getter 不会修改 Store 中的原数据,它只起到一个包装器的作用,将Store中的数据加工后输出出来。 const store = new Vuex.Store({ state:{ count:0 }, getters: { 阅读全文
posted @ 2021-04-18 19:39 大橙子最美丽 阅读(47) 评论(0) 推荐(0) 编辑
摘要: Actions用于处理异步任务。 如果通过异步操作变更数据,必须通过 Action,而不能使用Mutation,但是在 Action中还是要通过触发Mutation的方式间接变更数据。 注意: 在Actions 中不能直接修改 state中的数据,要通过 mutations修改。 方法1:this. 阅读全文
posted @ 2021-04-18 19:33 大橙子最美丽 阅读(44) 评论(0) 推荐(0) 编辑
摘要: 注意: 只能通过 mutations里的函数才能修改 state 中的数据 第一种方法: const store = new Vuex.Store({ state:{ count:0 }, mutations:{ add(state){ state.count++ } } }) methods:{ 阅读全文
posted @ 2021-04-18 19:24 大橙子最美丽 阅读(33) 评论(0) 推荐(0) 编辑
摘要: State提供唯一的公共数据源,所有共享的数据都要统一放到 Store的 State 中进行存储。 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { 阅读全文
posted @ 2021-04-18 18:33 大橙子最美丽 阅读(39) 评论(0) 推荐(0) 编辑
摘要: Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。 优点: 能够在Vuex中集中管理共享的数居,易于开发和后期维护 能够高效地实现组件之间的数据共享,提高开发效率 存储在vuex中的数据都是响应式的,能够实时保持数据与页面的同步 什么样的数据适合存储到Vuex中: 阅读全文
posted @ 2021-04-18 18:16 大橙子最美丽 阅读(62) 评论(0) 推荐(0) 编辑