
vuex
upupzhu
早睡早起,世界和平
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
简单 store 全局状态管理
Vue 大型项目中一般使用 Vuex 作为数据存储。但是小项目中存储几个共用数据可以不必使用 Vuex 新建 storeEasy.js /* 简单的store模块管理共享状态 vue3 需要加 reactive , 否则不会即时更新视图 */ import { reactive } from "vue" const store = reactive({ state: { age: 6 }, setAge(age) {.原创 2021-09-07 17:23:11 · 687 阅读 · 2 评论 -
vite + vue3 开发记录
scss /deep/ 报错,请使用 :deep(.select) 深度赋值。 使用 …mapState ( [ ‘menu’ ] ) 获取的值为 null,是因为 store 使用了 Module 实现。改成以下写法: //1. mapState 中基于 moduleName 访问 ...mapState({ menu: state => state.login.menu, }) //2. 在模块中开启命名空间 modules: { login: { na.原创 2021-06-26 14:50:01 · 361 阅读 · 0 评论 -
vuex sotre配置和使用
模块化sotre sotre仓库代码 及 函数注释 import Vue from 'vue' import axios from 'axios' // 参数 ps:外部只读,内部读写 this.$store.state.users const state = { users: [], }; // 过滤的参数 ps:外部只读 this.$store.getters.usersGetter const getters = { user原创 2021-04-13 16:50:43 · 208 阅读 · 0 评论 -
mixin 全局混入
import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ // 仓库数据 < 给外部引用的 只读 state: { platform: [] }, // 数据变更方法 mutations: { // 外部调用 :this.$store.com..原创 2021-03-26 15:50:18 · 317 阅读 · 0 评论