本书共10个模块，模块1-3简单介绍与Vue开发紧密相关的前端基础知识，包括开发环境、CSS基础和JavaScript基础，方便读者快速了解前序知识。模块4-8详细介绍Vue开发技术，包括Vue选项、指令、组件、路由和脚手架，深入学习Vue知识。模块9-10介绍uni-app及基于uView的开发，拓展Vue的应用。
本教材逻辑结构清晰，举例详实，可以作为移动应用开发技术、软件技术、物联网应用技术、大数据技术等专业的跨平台前端开发课程的教材；案例结合真实企业项目，与企业开发接轨，同样适合作为企业的培训教材。

1.技术新：同类教材几乎没有。
2.编写质量好：知识介绍强调逻辑性，层层递进分析介绍，符合认知规律，学生学习容易；工作任务设计基于真实应用场景，但又不囿于企业场景，根据教学规律对场景精心进行了设计，按照教学节奏设计任务及任务涉及知识点的规模，适合教学，老师上课容易；所有任务围绕一个企业真实项目设计，设计和编码符合企业技术规范，满足项目化和成果导向人才培养要求。
3.服务完善：教学资源全面，提供教学答疑服务。

刘培林，教授，软件技术专业专任教师，有12年软件项目开发经验，16年软件技术专业课程教学经验，主持了《软件技术》江苏省骨干专业、无锡市职业教育重点专业和机械行业特色专业建设。主编教材3本，2本为江苏省重点建设教材，1本为工信部规划教材。

目 录

模块 1 网站开发概述
任务 1.1 了解网站开发的概念
1.1.1 Web 标准
1.1.2 HTML 文档
1.1.3 网站开发环境任务 1.2 显示图文信息
1.2.1 简单HTML 标签
1.2.2 图像标签
1.2.3 超链接标签模块小结
习题实训
模块 2 CSS 基础
任务 2.1 设计收货地址表单样式
2.1.1 CSS 语法规则
2.1.2 简单CSS 属性
2.1.3 简单选择器
任务 2.2 设计移动网页布局
2.2.1 Flex 弹性布局概述
2.2..2 容器属性
2.2.3 项目属性模块小结
习题实训
模块 3 JavaScript 基础
任务 3.1 学习JavaScript 数据类型
3.1.1 JavaScript 基本语法
3.1.2 变量、常量与运算符
3.1.3 JavaScript 数组
3.1.4 对象
任务 3.2 学习JavaScript 程序结构
3.2.1 程序结构
3.2.2 函数

3.2.3 ES6 语法模块小结
习题实训
模块 4 Vue 实例
任务 4.1 了解 Vue 基础知识
4.1.1 前端开发概述
4.1.2 什么是 Vue
4.1.3 Vue 的优势
任务 4.2 开发简单 Vue 项目
4.2.1 创建 Vue 实例
4.2.2 根元素选项（el）
4.2.3 数据选项（data） 任务 4.3 设计数据编码器
4.3.1 过滤选项（filters）
4.3.2 方法选项（methods） 任务 4.4 编写模拟购物车
4.4.1 计算选项（computed）
4.4.2 状态监听选项（watch） 任务 4.5 学习 Vue 生命周期
4.5.1 生命周期概述
4.5.2 生命周期事件
4.5.3 Vue 实例方法与属性模块小结
习题实训
模块 5 Vue 指令
任务 5.1 开发用户注册程序
5.1.1 v-text 指令
5.1.2 v-html 指令
5.1.3 v-model 指令
5.1.4 v-if/v-else 和v-show 指令任务 5.2 开发用户登录程序
5.2.1 v-bind 指令

5.2.2 v-bind 与filters 选项
5.2.3 Class 与Style 绑定任务 5.3 设计电子商务购物车
5.3.1 v-for 指令
5.3.2 v-on 指令
5.3.3 v-on 指令修饰符模块小结
习题实训
模块 6 Vue 自定义组件
任务 6.1 设计计分器组件
6.1.1 组件概述
6.1.2 组件注册
6.1.3 组件模板
任务 6.2 编写搜索框组件
6.2.1 props 选项
6.2.2 插槽元素（） 任务 6.3 开发管理用户组件
6.3.1 监听子组件事件
6.3.2 动态组件
6.3.3 组件过渡模块小结
习题实训
模块 7 Vue 路由
任务 7.1 设计简单页面导航
7.1.1 单页面应用
7.1.2 路由视图（）
7.1.3 路由管理器
7.1.4 路由链接（） 任务 7.2 传递参数给页面
7.2.1 路由对象
7.2.2 query 方式参数传递
7.2.3 params 方式参数传递

任务 7.3 设计实用页面导航
7.3.1 嵌套路由父级设计
7.3.2 嵌套路由子级设计模块小结
习题实训
模块 8 Vue CLI
任务 8.1 了解CLI 基础知识
8.1.1 Vue CLI 的特点
8.1.2 CLI 安装
8.1.3 Git-Bash 命令行工具任务 8.2 创建CLI 项目
8.2.1 命令行创建与项目运行
8.2.2 HBuilderX 环境创建与项目运行任务 8.3 实战CLI 项目
8.3.1 单文件组件
8.3.2 简单vue 项目index 文件分析
8.3.3 导入与导出语句
8.3.4 CLI 项目结构分析
任务 8.4 开发用户管理CLI 项目
8.4.1 CLI 插件
8.4.2 安装插件
8.4.3 使用BootStrap
模块小结习题
实训
模块 9 uni-app 开发
任务 9.1 设计底部导航
9.1.1 uni-app 开发概述
9.1.2 pages.json 文件
9.1.1 view 视图
任务 9.2 设计网页内容
9.2.1 scroll-view 可滚动视图
9.2.2 image 图片

9.2.3 navigator 路由任务 9.3 设计轮播图
9.3.1 swiper 滑块视图容器
9.3.2 swiper-item 滑块选项任务 9.4 设计可拖动选项卡
9.4.1 movable-view 可移动视图
9.4.2 web-view 浏览器
9.4.3 tabBar 标签模块小结
习题实训
模块 10 uView 插件
任务 10.1 使用uView
10.1.1 uView 概述
10.1.2 安装与配置uView
10.1.3 使用 Toast 组件任务 10.2 填写收货地址信息
10.2.1 Form 表单
10.2.2 Form-item 表单域
10.2.3 Input 输入框
10.2.4 Picker 选择器
10.2.5 Select 列选择器
10.2.6 Switch 开关选择器
10.2.7 表单验证任务 10.3 查看订单
10.3.1 Tabs-Swiper 全屏选项卡
10.3.2 LoadMore 加载更多
10.3.3 Icon 图标
任务 10.4 编写天气服务
10.4.1 Http 请求
10.4.2 Search 搜索框模块小结
习题实训