更新时间:2023-09-26 15:35:59
封面
版权信息
内容简介
前言
第1章 认识Vue.js 3.x
1.1 Web 前端技术的发展历程
1.1.1 从静态向动态转变
1.1.2 从后端走向前端
1.1.3 从前端走向全端
1.2 Vue.js概述
1.2.1 Vue.js是什么
1.2.2 Vue.js发展历程
1.3 MV*模式
1.3.1 MVC模式
1.3.2 MVVM模式
第2章 创建Vue.js实例
2.1 安装vue-devtools
2.2 在项目中引入Vue.js
2.2.1 使用CDN
2.2.2 使用NPM
2.2.3 使用命令行工具CLI
2.2.4 使用Vite
2.3 安装和使用编辑器HBuilder
2.4 项目实训——我的第一个Vue.js程序
第3章 Vue.js模板语法
3.1 创建应用程序实例
3.2 插值
3.3 方法选项
3.3.1 使用方法
3.3.2 传递参数
3.3.3 方法之间的调用
3.4 Vue实例的生命周期
3.4.1 认识生命周期钩子函数
3.4.2 created和mouted
3.5 指令
第4章 精通指令
4.1 常见内置指令
4.1.1 v-show指令
4.1.2 v-bind指令
4.1.3 v-model
4.1.4 v-on
4.1.5 v-text
4.1.6 v-html
4.1.7 v-once
4.1.8 v-pre
4.1.9 v-cloak
4.2 条件渲染指令
4.2.1 v-if
4.2.2 v-else-if和v-else
4.2.3 v-for
4.3 指令缩写
4.4 自定义指令
4.4.1 注册自定义指令
4.4.2 钩子函数
4.4.3 动态指令参数
4.5 项目实训——通过指令实现随机背景色效果
第5章 计算属性
5.1 计算属性的定义
5.2 计算属性的getter和setter方法
5.3 计算属性的缓存
5.4 计算属性代替v-for和v-if
5.5 项目实训——使用计算属性设计计算器
第6章 v-bind及class与style绑定
6.1 绑定HTML样式class
6.1.1 数组语法
6.1.2 对象语法
6.1.3 用在组件上
6.2 绑定内联样式style
6.2.1 对象语法
6.2.2 数组语法
6.3 项目实训——设计隔行变色的水果信息表
第7章 表单与v-model双向绑定
7.1 实现双向数据绑定
7.2 单行文本输入框
7.3 多行文本输入框
7.4 复选框
7.5 单选按钮
7.6 选择框
7.7 值绑定
7.7.1 复选框
7.7.2 单选框
7.7.3 选择框的选项
7.8 修饰符
7.8.1 lazy
7.8.2 number
7.8.3 trim
7.9 项目实训——设计用户注册页面
第8章 精通监听器
8.1 使用监听器
8.2 监听方法和对象
8.2.1 监听方法
8.2.2 监听对象
8.3 实例方法$watch
8.4 项目实训——使用监听器设计购物车效果
第9章 事件处理
9.1 监听事件
9.2 事件处理方法
9.3 事件修饰符
9.3.1 stop
9.3.2 capture