-
内容大纲
本书主要介绍Vue 3.0的语法及其在实际项目中的运用,并对Vue 2.x的升级与删改进行了讲解。从Vue作为框架的自身特性出发,与其他一些主流框架进行对比,然后深入Vue语法的具体解析。除了编写单个Vue页面,本书也介绍了如何从零开始完整搭建使用Vue的前端项目。此外,对工程开发中常用的插件与工具也做了介绍,如Vuex、CLI和Element-plus等。
本书的示例与图解丰富且实用,内容通俗易懂,适合前端框架的初学者和对Vue 2.x有了解的开发者。希望通过阅读本书,读者对Vue的语法逻辑与实际使用都有透彻的理解。 -
作者介绍
-
目录
第1章 Vue.js介绍
1.1 什么是Vue.js
1.2 Vue与其他框架
1.2.1 Vue与React
1.2.2 Vue与AngularJS
1.2.3 Vue与Angular(Angular2)
1.2.4 Vue与其他框架
1.3 Vue 3.0的简述
1.3.1 Vue 3.0的新特性
1.3.2 从Vue 2.x开始的重大改变
1.3.3 库与工具的支持
1.4 本章小结
1.5 练习题
第2章 第一个Vue应用
2.1 准备Vue3.0
2.1.1 引入Vue.js
2.1.2 安装Vue Devtools
2.2 Vue实例和数据绑定
2.2.1构建Vue 3.0项目
2.2.2 项目实例: Hello Vue3
2.2.3 setup函数与生命周期
2.2.4 数据
2.2.5 数据实例: 显示响应式对象
2.2.6 方法
2.2.7 方法实例: 修改响应式对象的值
2.3 本章小结
2.4 练习题
第3章 Vue的内置指令与语法
3.1 插值绑定
3.1.1 文本插值与表达式
3.1.2 过滤器
3.1.3 HTML插值
3.2 计算属性
3.2.1 计算属性的概念
3.2.2 计算属性
3.2.3 侦听属性
3.3 v-bind属性绑定
3.3.1 v-bind指令
3.3.2 绑定class、style与prop
3.4 v-model双向绑定
3.4.1 v-model指令
3.4.2 v-model与修饰符
3.4.3 双向绑定实例: 制作问卷
3.5 v-if/v-show条件渲染
3.5.1 v-if、v-else-if与v-else指令
3.5.2 v-show指令
3.5.3 v-if对比v-show指令
3.5.4 条件渲染实例: 按钮权限控制
3.6 v-for列表渲染
3.6.1 v-for指令
3.6.2 在v-for里使用对象
3.6.3 列表的更新
3.6.4 列表渲染的key
3.6.5 v-for与v-if指令共用
3.6.6 列表渲染实例: 帖子列表
3.7 v-on事件绑定
3.7.1 v-on指令
3.7.2 事件修饰符
3.8 指令在Vue 3.x中的变化
3.8.1 v-if与v-for的key
3.8.2 v-if与v-for的优先级
3.8.3 v-bind合并行为
3.8.4 v-for中的ref数组
3.8.5 v-model
3.9 本章小结
3.10 练习题
第4章 class与style绑定
4.1 绑定HTML class
4.1.1 对象语法
4.1.2 数组语法
4.2 绑定内联样式
4.2.1 对象语法
4.2.2 数组语法
4.3 本章小结
4.4 练习题
第5章 过滤器
5.1 内置过滤器
5.1.1 字母过滤器
5.1.2 json过滤器
5.1.3 限制过滤器
5.1.4 currency过滤器
5.1.5 debounce过滤器
5.2 本章小结
5.3 练习题
第6章 过渡与动画
6.1 过渡与动画概述
6.1.1 基于class的动画和过渡
6.1.2 基于style的动画和过渡
6.2 单元素的过渡
6.2.1 进入与离开过渡
6.2.2 CSS过渡与动画
6.2.3 自定义过渡class类名
6.2.4 JavaScript过渡
6.3 其他过渡
6.3.1 多元素过渡
6.3.2 过渡模式
6.3.3 列表过渡
6.3.4 列表过渡案例: 打乱列表
6.4 本章小结
6.5 练习题
第7章 组件
7.1 组件的注册
7.1.1 全局注册
7.1.2 局部注册
7.2 组件的数据传递
7.2.1 props参数
7.2.2 组件通信
7.2.3 v-model参数
7.2.4Vue 3.0中的v-model修饰符
7.3 插槽内容分发
7.3.1 插槽的基本用法
7.3.2 插槽的作用域
7.3.3 插槽的后备内容
7.3.4 具名插槽
7.3.5 作用域插槽
7.4 动态组件
7.4.1 动态组件的基础用法
7.4.2 keep-alive
7.5 组件案例: 完善标签页组件
7.6组件在Vue 3.0中的变化
7.6.1 函数式组件
7.6.2 内联模板Attribute
7.7 本章小结
7.8 练习题
第8章 前端路由
8.1 vue-router的基本用法
8.1.1 vue-router的安装
8.1.2 vue-router的基本使用
8.1.3 跳转
8.2 动态路由匹配
8.2.1 带参数的动态路由匹配
8.2.2 响应参数变化
8.2.3 参数全匹配
8.3 路由匹配的语法
8.3.1 自定义正则表达式
8.3.2 可选参数
8.3.3 可重复参数
8.4 嵌套路由
8.5 命名路由
8.6 重定向和别名
8.6.1 重定向
8.6.2 别名
8.7 向路由组件传递参数
8.7.1 向路由组件传递参数的基本语法
8.7.2 传递参数的模式
8.8vue-router 4.0的变化
8.8.1 vue-router的创建
8.8.2 新的history选项
8.8.3 删除*路由
8.8.4 router-link的修改
8.8.5 去除router.app
8.8.6 向route组件的slot传递内容
8.8.7 $route属性编码
8.9 本章小结
8.10 练习题
第9章 状态管理与Vuex
9.1 Vuex简介
9.1.1 状态管理模式
9.1.2 安装Vuex
9.1.3 Vuex的基本使用
9.2 Vuex中的状态
9.2.1 单一状态树
9.2.2 将Vuex状态加入Vue组件
9.2.3 mapState的使用
9.2.4 组件的本地状态
9.3 Vuex中的getter
9.3.1 仓库的getter
9.3.2 属性式访问
9.3.3 方法式访问
9.3.4 mapGetter的使用
9.4 Vuex中的mutation
9.4.1 mutation的有效负载
9.4.2 通过对象提交
9.4.3 mutation的同步
9.5 Vuex中的action
9.5.1 action的基本使用
9.5.2 调度action
9.5.3 组成action
9.6 Vuex中的模块
9.7 本章小结
9.8 练习题
第10章 Vue项目的搭建与部署
10.1 项目目录介绍
10.1.1 dist文件夹
10.1.2 node modules文件夹
10.1.3 src文件夹
10.2 前端页面开发
10.2.1 Vue文件
10.2.2 导入import
10.3 打包与部署
10.3.1 项目打包
10.3.2 项目部署
10.3.3 通过GitHub Action自动部署
10.4 本章小结
10.5 练习题
第11章 实战项目: 制作面向知识传播的社区论坛
11.1 项目目标
11.2 项目搭建
11.3 编写前端页面
11.3.1 顶部导航栏
11.3.2 课程列表页
11.3.3 课程内容页
11.3.4 学生管理页
11.3.5 课程讨论页
11.4 本章小结
参考文献
同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-
孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔,龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-
时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-
本质(精) 改革开放40年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...