封面
版权信息
内容简介
前言
第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
9.3.3 self
9.3.4 once
9.3.5 prevent
9.3.6 passive
9.4 按键修饰符
9.5 系统修饰键
9.6 项目实训——处理用户注册信息
第10章 过渡和动画效果
10.1 单元素/组件的过渡和动画
10.1.1 CSS过渡
10.1.2 过渡的类名
10.1.3 CSS动画
10.1.4 自定义过渡的类名
10.1.5 动画的JavaScript钩子函数
10.2 初始渲染的过渡
10.3 多个元素的过渡
10.4 列表过渡
10.4.1 列表的进入/离开过渡
10.4.2 列表的排序过渡
10.4.3 列表的交错过渡
10.5 项目实训——设计折叠菜单的过渡动画
第11章 组件和组合API
11.1 组件是什么
11.2 组件的注册
11.2.1 全局注册
11.2.2 局部注册
11.3 使用prop向子组件传递数据
11.3.1 prop基本用法
11.3.2 单向数据流
11.3.3 prop验证
11.3.4 非prop的属性
11.4 子组件向父组件传递数据
11.4.1 监听子组件事件
11.4.2 将原生事件绑定到组件
11.4.3 .sync修饰符
11.5 插槽
11.5.1 插槽基本用法
11.5.2 编译作用域
11.5.3 默认内容
11.5.4 命名插槽
11.5.5 作用域插槽
11.5.6 解构插槽prop
11.6 什么是组合API
11.7 setup()函数
11.8 响应式API
11.8.1 reactive()方法和watchEffect()方法
11.8.2 ref()方法
11.8.3 readonly()方法
11.8.4 computed()方法
11.8.5 watch()方法
11.9 项目实训——使用组件创建树状项目分类
第12章 虚拟DOM和render()函数
12.1 虚拟DOM
12.2 render()函数
12.3 创建组件的VNode
12.4 使用JavaScript代替模板功能
12.4.1 v-if和v-for
12.4.2 v-on
12.4.3 事件和按键修饰符
12.4.4 插槽
12.5 函数式组件
12.6 JSX
12.7 项目实训——设计商品采购信息列表
第13章 精通Vue CLI和Vite
13.1 脚手架的组件
13.2 脚手架环境搭建
13.3 安装脚手架
13.4 创建项目
13.4.1 使用命令
13.4.2 使用图形化界面
13.5 分析项目结构
13.6 配置scss、less和stuly
13.7 配置文件gackage.json
13.8 Vue.js 3.x新增的开发构建工具Vite
第14章 使用Vue Router开发单页面应用
14.1 使用Vue Router
14.1.1 在HTML页面使用路由
14.1.2 在项目中使用路由
14.2 命名路由
14.3 命名视图
14.4 路由传参
14.5 编程式导航
14.6 组件与Vue Router之间解耦
14.6.1 布尔模式
14.6.2 对象模式
14.6.3 函数模式
第15章 使用axios与服务器通信
15.1 什么是axios
15.2 安装axios
15.3 基本用法
15.3.1 get请求和post请求
15.3.2 请求JSON数据
15.3.3 跨域请求数据
15.3.4 并发请求
15.4 axios API
15.5 请求配置
15.6 创建实例
15.7 配置默认选项
15.8 拦截器
15.9 项目实训——显示近7日的天气情况
第16章 使用Vuex管理组件状态
16.1 什么是Vuex
16.2 安装Vuex
16.3 在项目中使用Vuex
16.3.1 搭建一个项目
16.3.2 state对象
16.3.3 getter对象
16.3.4 mutation对象
16.3.5 action对象
第17章 开发网上商城项目
17.1 系统功能模块
17.2 系统结构分析
17.3 系统运行效果
17.4 系统功能模块设计与实现
17.4.1 首页头部组件
17.4.2 首页信息模块
17.4.3 用户注册与登录模块
17.4.4 商品模块
17.4.5 购买模块
17.4.6 支付模块
后记
更新时间:2023-09-26 15:35:59