更新时间:2023-10-27 18:38:24
封面
版权信息
前言
模块1 Vue概述
任务1.1 了解Vue基础知识
1.1.1 前端开发概述
1.1.2 Vue创始人介绍
1.1.3 什么是Vue
1.1.4 Vue的优势
任务1.2 熟悉Vue项目开发环境
1.2.1 编辑器概述
1.2.2 安装HBuilderX编辑器
1.2.3 创建与调试Vue项目
模块小结
习题1
实训1
模块2 Vue实例
任务2.1 显示诗词
2.1.1 创建Vue实例
2.1.2 根元素选项(el)
2.1.3 数据选项(data)
任务2.2 设计数据编码器
2.2.1 过滤选项(filters)
2.2.2 方法选项(methods)
任务2.3 编写模拟购物车
2.3.1 计算选项(computed)
2.3.2 状态监听选项(watch)
2.3.3 computed与watch选项的应用场景
任务2.4 学习Vue生命周期
2.4.1 生命周期概述
2.4.2 生命周期事件
2.4.3 Vue实例方法与属性
习题2
实训2
模块3 Vue指令
任务3.1 开发用户注册程序
3.1.1 v-text指令
3.1.2 v-html指令
3.1.3 v-model指令
3.1.4 v-if、v-else和v-show指令
任务3.2 开发用户登录程序
3.2.1 v-bind指令
3.2.2 过滤v-bind指令绑定的属性
3.2.3 绑定class与style属性
任务3.3 设计电子商务购物车
3.3.1 v-for指令
3.3.2 v-on指令
3.3.3 v-on指令修饰符
习题3
实训3
模块4 Vue过渡
任务4.1 学习过渡组件
4.1.1 <transition>组件定义
4.1.2 类名前缀属性
4.1.3 自定义类名属性
4.1.4 钩子函数
4.1.5 初始动画属性
任务4.2 掌握多元素过渡方法
4.2.1 多元素过渡
4.2.2 过渡模式
任务4.3 掌握列表与状态过渡方法
4.3.1 <transition-group>组件定义
4.3.2 排序过渡属性(move)
4.3.3 交错过渡
4.3.4 状态过渡
习题4
实训4
模块5 Vue复用
任务5.1 设计管理用户权限指令
5.1.1 自定义指令
5.1.2 响应式属性(set)
任务5.2 设计维护用户信息程序
5.2.1 继承(extend)
5.2.2 混入(mixin)
任务5.3 掌握插件用法
5.3.1 插件概述
5.3.2 安装插件
5.3.3 开发插件
习题5
实训5
模块6 Vue自定义组件
任务6.1 设计计分器组件
6.1.1 组件定义与注册
6.1.2 组件模板
6.1.3 选项作用域
6.1.4 组件的生命周期
任务6.2 编写搜索框组件
6.2.1 props选项
6.2.2 插槽
6.2.3 箭头函数
任务6.3 开发管理用户账户组件
6.3.1 $emit()方法
6.3.2 动态组件
6.3.3 动态组件过渡
习题6