本书系统、全面地介绍Vue.js网站前端开发所涉及的各类知识。全书共16章，内容包括Vue.js简介、基础特性、条件判断与列表渲染、计算属性与监听属性、样式绑定、事件处理、表单控件绑定、自定义指令、组件、过渡、使用Vue Router实现路由管理、使用axios实现Ajax请求、Vue CLI、状态管理、综合开发实例——51购商城、课程设计——智汇企业官方网站首页。书中每章内容都与实例紧密结合，有助于读者理解知识、应用知识，达到学以致用的目的。 近年来，AIGC技术高速发展，成为各行各业高质量发展和生产效率提升的重要推动力。本书将AIGC技术融入理论学习、实例编写、复杂系统开发等环节，帮助读者实现高效编程。 本书可作为应用型本科计算机科学与技术专业和软件工程专业、高职软件技术专业及相关专业的教材，也可作为Vue.js爱好者及初、中级Vue.js程序设计开发人员的参考书。

第1章 Vue.js简介
1.1 Vue.js概述
1.1.1 什么是Vue.js
1.1.2 Vue.js的特性
1.2 Vue.js的安装
1.2.1 使用CDN
1.2.2 使用NPM
1.2.3 使用Vue CLI
1.3 开发工具WebStorm简介
1.4 创建第一个Vue实例
1.5 在WebStorm中引入AIGC工具
1.5.1 AIGC编程助手Baidu Comate
1.5.2 AIGC编程助手TONGYI Lingma
1.5.3 DeepSeek R1推理大模型
小结
上机指导
习题
第2章 基础特性
2.1 应用程序实例及选项
2.1.1 数据
2.1.2 方法
2.1.3 生命周期钩子函数
2.2 插值
2.2.1 文本插值
2.2.2 插入HTML
2.2.3 绑定属性
2.2.4 使用表达式
2.3 指令
2.3.1 参数
2.3.2 动态参数
2.3.3 修饰符
2.4 AIGC辅助快速学习
2.4.1 AIGC辅助添加注释
2.4.2 AIGC辅助解释代码
2.4.3 AIGC辅助查询术语
小结
上机指导
习题
第3章 条件判断与列表渲染
3.1 条件判断
3.1.1 v-if指令
3.1.2 v-else指令
3.1.3 v-else-if指令
3.1.4 v-show指令
3.1.5 v-if和v-show的比较
3.2 列表渲染
3.2.1 应用v-for指令遍历数组
3.2.2 在<template>元素中使用v-for
3.2.3 数组更新检测
3.2.4 应用v-for指令遍历对象
3.2.5 向对象中添加响应式属性
3.2.6 应用v-for指令遍历整数
3.3 AIGC辅助编程——v-if和v-for指令的应用
3.3.1 切换登录类型
3.3.2 创建待办事项列表
小结
上机指导
习题
第4章 计算属性与监听属性
4.1 计算属性
4.1.1 什么是计算属性
4.1.2 getter和setter
4.1.3 计算属性的缓存
4.2 监听属性
4.2.1 什么是监听属性
4.2.2 deep选项
4.3 AIGC辅助编程——简单计数器和长度单位换算的实现
4.3.1 实现简单计数器
4.3.2 实现长度单位换算
小结
上机指导
习题
第5章 样式绑定
5.1 class属性绑定
5.1.1 对象语法
5.1.2 数组语法
5.2 内联样式绑定
5.2.1 对象语法
5.2.2 数组语法
5.3 AIGC辅助编程——为表格和文字使用样式绑定
5.3.1 实现表格隔行换色
5.3.2 制作静态3D效果的文字
小结
上机指导
习题
第6章 事件处理
6.1 事件监听
6.1.1 使用v-on指令
6.1.2 事件处理方法
6.1.3 使用内联JavaScript语句
6.2 事件处理中的修饰符
6.2.1 事件修饰符
6.2.2 按键修饰符
6.3 AIGC辅助编程——单击事件的应用
6.3.1 统计单击按钮的次数
6.3.2 实现选择题
小结
上机指导
习题
第7章 表单控件绑定
7.1 绑定文本框
7.1.1 单行文本框
7.1.2 多行文本框
7.2 绑定复选框
7.2.1 单个复选框
7.2.2 多个复选框
7.3 绑定单选按钮
7.4 绑定下拉菜单
7.4.1 单选
7.4.2 多选
7.5 值绑定
7.5.1 单选按钮
7.5.2 复选框
7.5.3 下拉菜单
7.6 使用修饰符
7.6.1 .lazy
7.6.2 .number
7.6.3 .trim
7.7 AIGC辅助编程——绑定输入框的值和下拉菜单
7.7.1 绑定输入框的值
7.7.2 绑定下拉菜单
小结
上机指导
习题
第8章 自定义指令
8.1 注册自定义指令
8.1.1 注册全局自定义指令
8.1.2 注册局部自定义指令
8.2 钩子函数
8.3 自定义指令的绑定值
8.3.1 绑定数值常量
8.3.2 绑定字符串常量
8.3.3 绑定对象字面量
8.4 AIGC辅助编程——设置图片的不透明度和元素的边框
8.4.1 设置图片的不透明度
8.4.2 设置元素的边框
小结
上机指导
习题
第9章 组件
9.1 注册组件
9.1.1 注册全局组件
9.1.2 注册局部组件
9.2 数据传递
9.2.1 什么是Prop
9.2.2 传递动态Prop
9.2.3 Prop验证
9.3 自定义事件
9.3.1 自定义事件的监听和触发
9.3.2 将原生事件绑定到组件
9.4 内容分发
9.4.1 基础用法
9.4.2 编译作用域
9.4.3 默认内容
9.4.4 命名插槽
9.4.5 作用域插槽
9.5 动态组件
9.5.1 基础用法
9.5.2 keep-alive
9.6 AIGC辅助编程——自定义事件与动态组件的应用
9.6.1 为元素设置背景颜色
9.6.2 切换文本内容
小结
上机指导
习题
第10章 过渡
10.1 单元素过渡
10.1.1 CSS过渡
10.1.2 过渡的类介绍
10.1.3 自定义过渡类
10.1.4 CSS动画
10.1.5 JavaScript钩子函数
10.2 多元素过渡
10.2.1 基础用法
10.2.2 key属性
10.2.3 过渡模式
10.3 多组件过渡
10.4 列表过渡
10.5