- 机械工业出版社
- 9787893864728
- 1-1
- 546100
- 2025-03
- 计算机类
- 高职
内容简介
本书以培养前端工程师为目标，基于工作任务模式进行编写，全面讲解了Vue.js开发的知识。本书共10个模块。模块1～3介绍Vue框架的基础知识，包括开发环境、Vue构造器基本选项、Vue指令，学习Vue的基础知识。模块4介绍Vue过渡，包括基于CSS过渡与动画的过渡，以及Vue与一些主流动画库的结合应用，初步了解Vue的通用性与先进性。模块5介绍Vue复用，为Vue组件与复杂应用开发奠定基础。模块6介绍Vue自定义组件，组件是Vue的核心，自此开始Vue重点与难点知识的学习。模块7介绍Vue路由，路由是单页面应用的基石，也是Vue的核心插件，插件在Vue中占有非常重要的地位。模块8介绍VueCLI，包括搭建CLI脚手架项目，并对模块7中的路由工作任务进行了重构，巩固路由的学习，并引入了企业开发技术。模块9介绍Vuex与Axios，介绍Vue开发的实用技术。模块10介绍Vue与element-ui的结合应用，拓展Vue的应用与介绍，完整实践企业Vue项目开发，全面训练岗位技能，培养职业素养。本书可作为应用型本科与高职高专院校Vue前端开发技术或跨平台开发课程的教材；也可作为前端开发技术人员的技术参考资料、培训用书或自学参考书。
目录
前言
模块1Vue概述
任务1.1了解Vue基础知识
1.1.1前端开发概述
1.1.2Vue创始人介绍
1.1.3什么是Vue
1.1.4Vue的优势
任务1.2熟悉Vue
项目开发环境
1.2.1编辑器概述
1.2.2安装HBuilderX编辑器
1.2.3创建与调试Vue
项目
模块小结
习题
实训
模块2Vue实例
任务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.3computed与watch选项的应用场景
任务2.4学习Vue生命周期
2.4.1生命周期概述
2.4.2生命周期事件
2.4.3Vue实例方法与属性
模块小结
习题2
实训2
模块3Vue指令
任务3.1开发用户注册程序
3.1.1v-text指令
3.1.2v-html指令
3.1.3v-model指令
3.1.4v-if、v-else和v-show指令
任务3.2开发用户登录程序
3.2.1v-bind指令
3.2.2过滤v-bind指令绑定的属性
3.2.3绑定class与style属性
任务3.3设计电子商务购物车
3.3.1v-for指令
3.3.2v-on指令
3.3.3v-on指令修饰符
模块小结
习题3
实训3
模块4Vue过渡
任务4.1学习过渡组件
4.1.1组件定义
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组件定义
4.3.2排序过渡属性（move）
4.3.3交错过渡
4.3.4状态过渡
模块小结
习题4
实训4
模块5Vue复用
任务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
模块6Vue自定义组件
任务6.1设计计分器组件
6.1.1组件定义与注册
6.1.2组件模板
6.1.3选项作用域
6.1.4组件的生命周期
任务6.2编写搜索框组件
6.2.1props选项
6.2.2插槽
6.2.3箭头函数
任务6.3开发管理用户账户组件
6.3.1$emit（）方法
6.3.2动态组件
6.3.3动态组件过渡
模块小结
习题6
实训6
模块7Vue路由
任务7.1设计页面路由
7.1.1单页面应用
7.1.2路由视图
7.1.3路由构造器
7.1.4路由导航
7.1.5路由过渡
任务7.2给路由传递参数
7.2.1路由实例
7.2.2路由管理器对象
7.2.3query方式的参数传递
7.2.4params方式的参数传递
7.2.5路由的模式
任务7.3设计嵌套路由
7.3.1嵌套路由父级设计
7.3.2嵌套路由子级设计
模块小结
习题7
实训7
模块8VueCLI
任务8.1了解CLI基础知识
8.1.1VueCLI的特点
8.1.2CLI安装必备
8.1.3Git-Bash命令行工具
任务8.2创建CLI
项目
8.2.1命令行创建与运行CLI
项目
8.2.2在HBuilderX环境下创建与运行CLI
项目
任务8.3实战CLI
项目
8.3.1单文件组件
8.3.2导入与导出语句
8.3.3CLI
项目结构分析
任务8.4开发用户管理CLI
项目
8.4.1CLI插件
8.4.2安装插件
模块小结
习题8
实训8
模块9Vuex与Axios
任务9.1了解Vuex基础知识
9.1.1Vuex概述
9.1.2Store构造器
任务9.2学习Store构造器的选项
9.2.1状态管理
9.2.2Getter
9.2.3Mutation
9.2.4Action
任务9.3使用模块定义Vuex
9.3.1modules选项
9.3.2动态注册模块
任务9.4掌握Axios的用法
9.4.1Axios概述
9.4.2参数传递
任务9.5开发天气预报CLI
项目
9.5.1
项目创建
9.5.2
项目实施
9.5.3
项目测试与运行
模块小结
习题9
实训9
模块10电子商务系统
任务10.1掌握element-ui的用法
10.1.1element-ui概述
10.1.2使用element-ui
任务10.2分析电子商务系统
10.2.1
项目概述
10.2.2
项目分析
10.2.3
项目创建
10.2.4创建准备
任务10.3设计系统首页
10.3.1设计导航信息栏
10.3.2设计标题搜索栏
10.3.3设计商品展示栏
任务10.4设计“我的购物车”页面
10.4.1设计商品信息栏
10.4.2设计购物结算栏
任务10.5设计商家后台管理模块
10.5.1菜单设计
10.5.2首页设计
任务10.6设计商品管理模块
10.6.1商品列表设计
10.6.2商品维护
任务10.7
项目测试与总结
10.7.1
项目测试与运行
10.7.2
项目总结
模块小结
习题10
实训10
附录
附录ACSS过渡
附录BCSS动画
参考文献
模块1Vue概述
任务1.1了解Vue基础知识
1.1.1前端开发概述
1.1.2Vue创始人介绍
1.1.3什么是Vue
1.1.4Vue的优势
任务1.2熟悉Vue
项目开发环境
1.2.1编辑器概述
1.2.2安装HBuilderX编辑器
1.2.3创建与调试Vue
项目
模块小结
习题
实训
模块2Vue实例
任务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.3computed与watch选项的应用场景
任务2.4学习Vue生命周期
2.4.1生命周期概述
2.4.2生命周期事件
2.4.3Vue实例方法与属性
模块小结
习题2
实训2
模块3Vue指令
任务3.1开发用户注册程序
3.1.1v-text指令
3.1.2v-html指令
3.1.3v-model指令
3.1.4v-if、v-else和v-show指令
任务3.2开发用户登录程序
3.2.1v-bind指令
3.2.2过滤v-bind指令绑定的属性
3.2.3绑定class与style属性
任务3.3设计电子商务购物车
3.3.1v-for指令
3.3.2v-on指令
3.3.3v-on指令修饰符
模块小结
习题3
实训3
模块4Vue过渡
任务4.1学习过渡组件
4.1.1
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
4.3.2排序过渡属性（move）
4.3.3交错过渡
4.3.4状态过渡
模块小结
习题4
实训4
模块5Vue复用
任务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
模块6Vue自定义组件
任务6.1设计计分器组件
6.1.1组件定义与注册
6.1.2组件模板
6.1.3选项作用域
6.1.4组件的生命周期
任务6.2编写搜索框组件
6.2.1props选项
6.2.2插槽
6.2.3箭头函数
任务6.3开发管理用户账户组件
6.3.1$emit（）方法
6.3.2动态组件
6.3.3动态组件过渡
模块小结
习题6
实训6
模块7Vue路由
任务7.1设计页面路由
7.1.1单页面应用
7.1.2路由视图
7.1.3路由构造器
7.1.4路由导航
7.1.5路由过渡
任务7.2给路由传递参数
7.2.1路由实例
7.2.2路由管理器对象
7.2.3query方式的参数传递
7.2.4params方式的参数传递
7.2.5路由的模式
任务7.3设计嵌套路由
7.3.1嵌套路由父级设计
7.3.2嵌套路由子级设计
模块小结
习题7
实训7
模块8VueCLI
任务8.1了解CLI基础知识
8.1.1VueCLI的特点
8.1.2CLI安装必备
8.1.3Git-Bash命令行工具
任务8.2创建CLI
项目
8.2.1命令行创建与运行CLI
项目
8.2.2在HBuilderX环境下创建与运行CLI
项目
任务8.3实战CLI
项目
8.3.1单文件组件
8.3.2导入与导出语句
8.3.3CLI
项目结构分析
任务8.4开发用户管理CLI
项目
8.4.1CLI插件
8.4.2安装插件
模块小结
习题8
实训8
模块9Vuex与Axios
任务9.1了解Vuex基础知识
9.1.1Vuex概述
9.1.2Store构造器
任务9.2学习Store构造器的选项
9.2.1状态管理
9.2.2Getter
9.2.3Mutation
9.2.4Action
任务9.3使用模块定义Vuex
9.3.1modules选项
9.3.2动态注册模块
任务9.4掌握Axios的用法
9.4.1Axios概述
9.4.2参数传递
任务9.5开发天气预报CLI
项目
9.5.1
项目创建
9.5.2
项目实施
9.5.3
项目测试与运行
模块小结
习题9
实训9
模块10电子商务系统
任务10.1掌握element-ui的用法
10.1.1element-ui概述
10.1.2使用element-ui
任务10.2分析电子商务系统
10.2.1
项目概述
10.2.2
项目分析
10.2.3
项目创建
10.2.4创建准备
任务10.3设计系统首页
10.3.1设计导航信息栏
10.3.2设计标题搜索栏
10.3.3设计商品展示栏
任务10.4设计“我的购物车”页面
10.4.1设计商品信息栏
10.4.2设计购物结算栏
任务10.5设计商家后台管理模块
10.5.1菜单设计
10.5.2首页设计
任务10.6设计商品管理模块
10.6.1商品列表设计
10.6.2商品维护
任务10.7
项目测试与总结
10.7.1
项目测试与运行
10.7.2
项目总结
模块小结
习题10
实训10
附录
附录ACSS过渡
附录BCSS动画
参考文献
