chevron_left

Vue 2 实践教程

免费
第 9.10 回

教程文档

Vue 2 实践教程 - 在模块中使用简化写法

2023年11月24日
Vue 2 实践教程

在模块中使用简化写法

在 Vuex 中,当你使用模块来组织你的状态管理时,你可以使用 mapStatemapMutationsmapActionsmapGetters 这些辅助函数来简化在组件中访问模块的状态、mutations、actions 和 getters。

假设你有一个名为 user 的模块,包含了状态 username,以及 mutations、actions 和 getters。下面是如何使用这些辅助函数的示例:

使用 mapState 来映射模块的状态:

import { mapState } from 'vuex';

export default {
  computed: {
    ...mapState('user', ['username'])
  }
};

在上面的示例中,...mapState('user', ['username']) 将会生成一个 computed 属性,映射了 user 模块的 username 状...

课程介绍

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

目录

适合这样的人

新手