更新时间:2024-12-31 19:22:17
封面
版权页
作者简介
内容简介
前言
第1章 流行的前端开发框架Vue.js
1.1 前端开发技术的发展
1.2 熟悉MV*模式
1.3 Vue.js概述
1.4 安装Vue.js 3.x
1.5 案例实战——使用Vue.js框架
1.6 Vue.js 3.x的新变化
第2章 Vue.js模板应用
2.1 模板插值
2.2 常用的内置模板指令
2.3 条件渲染
2.4 使用v-for指令进行循环渲染
2.5 案例实战1——通过插值语法实现姓名组合
2.6 案例实战2——通过指令实现下拉菜单效果
第3章 组件的方法和计算属性
3.1 方法选项
3.2 使用计算属性
3.3 计算属性的get和set方法
3.4 计算属性的缓存
3.5 使用计算属性代替v-for和v-if
3.6 绑定HTML样式(class)
3.7 绑定内联样式(style)
3.8 案例实战1——设计隔行变色的商品表
3.9 案例实战2——使用计算属性设计购物车效果
第4章 表单的双向绑定
4.1 实现双向数据绑定
4.2 单行文本输入框
4.3 多行文本输入框
4.4 复选框
4.5 单选按钮
4.6 选择框
4.7 值绑定
4.8 修饰符
4.9 案例实战——设计用户注册页面
第5章 处理用户交互
5.1 监听事件
5.2 事件处理方法
5.3 事件修饰符
5.4 按键修饰符
5.5 系统修饰键
5.6 使用监听器
5.7 监听方法
5.8 监听对象
5.9 案例实战1——使用监听器设计购物车效果
5.10 案例实战2——处理用户注册信息
第6章 精通组件和组合API
6.1 组件是什么
6.2 组件的注册
6.3 使用prop向子组件传递数据
6.4 子组件向父组件传递数据
6.5 插槽
6.6 Vue.js 3.x的新变化1——组合API
6.7 setup()函数
6.8 响应式API
6.9 Vue.js 3.x的新变化2——访问组件的方式
6.10 案例实战——使用组件创建树状项目分类
第7章 虚拟DOM和render()函数
7.1 虚拟DOM
7.2 render()函数
7.3 创建组件的VNode
7.4 使用JavaScript代替模板功能
7.5 函数式组件
7.6 JSX
7.7 案例实战——设计商品采购信息列表
第8章 玩转动画效果
8.1 单元素/组件的过渡
8.2 初始渲染的过渡
8.3 多个元素的过渡
8.4 列表过渡
8.5 案例实战1——商品编号增加器
8.6 案例实战2——设计下拉菜单的过渡动画
第9章 熟练使用构建工具Vue CLI和Vite
9.1 脚手架的组件
9.2 脚手架环境搭建
9.3 安装脚手架
9.4 创建项目
9.5 分析项目结构
9.6 配置Sass、Less和Stylus
9.7 配置文件package.json
9.8 Vue.js 3.x新增开发构建工具——Vite
第10章 基于Vue 3的UI组件库Element Plus
10.1 Element Plus的安装与使用
10.2 基本组件
10.3 页面布局
10.4 表单类组件
10.5 开关与滑块组件
10.6 选择器组件
10.7 提示类组件
10.8 数据承载相关组件
10.9 案例实战——设计一个商城活动页面
第11章 网络通信框架axios
11.1 什么是axios
11.2 安装axios
11.3 基本用法
11.4 axios API