chevron_left

Vue 2 实践教程

免费
第 9.4 回

教程文档

Vue 2 实践教程 - Getter

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

Getter

Getter可以认为是store的计算属性

使用方法

修改src/store/index.js

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    todos: [
      { id: 1, text: '买一辆电动车', done: true },
      { id: 2, text: '减肥50斤', done: false },
      { id: 3, text: '每天吃早餐', done: true }
    ]
  },
  getters: {
    // 过滤出,已完成的事项
    doneTodos: state => {
      return state.todos.filter(todo => todo.done);
    },
    // 过滤出,未完成的事项
    notDon...

课程介绍

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

目录

适合这样的人

新手