chevron_left

Vue 2 实践教程

免费
第 9.9 回

教程文档

Vue 2 实践教程 - Vuex 实现购物车

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

Vuex 实现购物车

创建 store 模块

1、在 store 新建 modules/carts.js 文件,写上 store 的基础格式

const state = () => ({
  count: 10, // 定义 count 属性,默认值为 10
});

const getters = {};

const actions = {};

const mutations = {};

export default {
  namespaced: true,
  state,
  getters,
  actions,
  mutations,
};

2、在 store/index.js 中挂载 carts.js 这个状态管理器

import Vue from "vue";
import Vuex from "vuex";
// 引入 carts 状态管理器
import carts from "@/store/modules/carts";

Vue.use(Vuex);

export...

课程介绍

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

目录

适合这样的人

新手