效果图 教程大纲 项目介绍 简介和功能概述 本项目的学习目标 准备工作 引入 Vue.js 创建 HTML 基础结构 页面结构与样式 设置页面的基础样式 优惠券卡片布局和选项卡样式 Vue.js 数据绑定 设置数据模型,初始化“未使用”和“已过期”优惠券列表 定义“选项卡”和“优惠券”数据 选项卡切换功能 实现选项卡的点击事件 利用 Vue.js 的数据绑定实现切换内容显示 动态渲染优