摘要: Vuex namespaced namespaced: 用于划分不同模块的状态 案例 store/index.js import Vue from 'vue' import Vuex from 'vuex' // 注册Vuex插件 Vue.use(Vuex) const CounterOptions 阅读全文
posted @ 2022-02-13 21:39 IslandZzzz 阅读(135) 评论(0) 推荐(0) 编辑
摘要: Vuex mapState mapGetters mapMutations mapActions 在computed或methods中使用,在模板语法中可简化state调用声明 <template> <div> <select v-model="unit"> <option value="1">1< 阅读全文
posted @ 2022-02-13 16:59 IslandZzzz 阅读(19) 评论(0) 推荐(0) 编辑
摘要: Vuex getters 对state数据进行加工 定义 import Vue from 'vue' import Vuex from 'vuex' // 注册Vuex插件 Vue.use(Vuex) export default new Vuex.Store({ state: { count: 0 阅读全文
posted @ 2022-02-13 16:50 IslandZzzz 阅读(22) 评论(0) 推荐(0) 编辑
摘要: Vuex 概念与基本使用 概念 集中式状态管理,管理多个组件的共享状态,应用于任意组件间的通信。 什么时候用vuex 多个组件共享状态 Vuex原理图 使用Vuex npm i vuex Vue.use(vuex) 生成store commit 越过了actions, 直接与mutation对话, 阅读全文
posted @ 2022-02-13 16:32 IslandZzzz 阅读(32) 评论(0) 推荐(0) 编辑
摘要: Vue 插槽 默认插槽 具名插槽 作用域插槽 插槽的作用: 父组件向子组件的指定位置插入一段html. 也是一种组件间通信方式,适用于父传子 定义插槽内容:将内容写在组件标签体中 定义插槽默认内容: 将默认内容写在插槽标签体中 定义插槽内容展示位置: 默认插槽:在组件中将slot标签写你想要展示的位 阅读全文
posted @ 2022-02-13 12:10 IslandZzzz 阅读(158) 评论(0) 推荐(0) 编辑