项目1Vue.js入门
1.1初识Vue.js
1.1.1Vue.js的定义
1.1.2Vue.js的特性
1.1.3Vue.js的开发模式
1.2Vue.js的开发环境
1.2.1VisualStudioCode编辑器
1.2.2Node.js环境
1.2.3常见的包管理工具
1.2.4浏览器
1.3Vue.js项目
1.3.1项目构建工具
1.3.2项目的创建方式
1.3.3项目的目录结构
1.3.4项目的运行过程
项目实施1——搭建Vue.js的开发环境
项目实施2——创建订餐系统项目
项目2Vue.js开发基础
2.1Vue.js实例
2.1.1Vue.js实例的创建方法
2.1.2数据和方法
示例2-1HelloVue.js
2.2数据绑定
2.2.1文本插值
2.2.2HTML绑定
2.2.3属性绑定
2.2.4JavaScript表达式
示例2-2不同数据绑定方式的应用
2.2.5响应式数据绑定
示例2-3定义响应式数据
2.3计算属性与侦听器
2.3.1计算属性
示例2-4反转字符串
2.3.2侦听器
示例2-5单位换算
项目实施1——制作订餐系统登录模块
项目实施2——制作订餐系统商家简介模块
项目3Vue.js指令
3.1认识指令
3.2条件渲染指令
示例3-1条件渲染指令的应用
3.3循环渲染指令
示例3-2循环渲染列表
3.4属性绑定指令
3.4.1class属性绑定
示例3-3为class属性绑定数据
3.4.2style属性绑定
示例3-4为style属性绑定数据
3.5事件处理指令
3.5.1事件监听与处理
示例3-5监听并处理单击事件
3.5.2事件修饰符
3.6表单输入绑定指令
3.6.1双向数据绑定
示例3-6制作调查问卷
3.6.2表单修饰符
示例3-7表单修饰符的简单应用
3.7自定义指令
3.7.1自定义指令的注册和使用
3.7.2钩子函数
示例3-8注册并使用自定义指令
3.7.3简化形式
项目实施——制作订餐系统商品评价模块
项目4Vue.js组件
4.1认识组件
4.2组件的定义方式
4.2.1在HTML文件中定义组件
4.2.2在Vue.js项目中定义组件
4.3组件的注册和使用
4.3.1组件注册
4.3.2组件使用
示例4-1注册并使用组件
4.4组件之间的数据传递
4.4.1父组件向子组件传递数据
示例4-2实现父组件向子组件传递数据
4.4.2子组件向父组件传递数据
示例4-3实现子组件向父组件传递数据
4.4.3跨级组件之间传递数据
示例4-4实现跨级组件之间传递数据
4.5插槽
4.5.1默认插槽
4.5.2具名插槽
4.5.3作用域插槽
示例4-5使用插槽分发模板内容
4.6动态组件
4.6.1定义动态组件
4.6.2使用KeepAlive组件实现组件缓存
示例4-6动态切换组件
4.7组件的生命周期
示例4-7使用生命周期钩子函数
项目实施——制作订餐系统商品订购模块
项目5过渡动画
5.1单元素或单组件过渡
5.1.1Transition组件
5.1.2使用CSS3样式实现过渡动画
5.1.3使用animate.css实现过渡动画
5.1.4使用钩子函数实现过渡动画
5.2多元素过渡与多组件过渡
5.2.1多元素过渡
5.2.2多组件过渡
5.3列表过渡
示例5-1实现列表的过渡动画
5.4可复用过渡
示例5-2封装并复用过渡动画
项目实施——在订餐系统中添加过渡动画
6.1认识路由
6.2VueRouter的安装与使用
6.2.1VueRouter的安装
6.2.2VueRouter的使用
示例6-1安装并使用VueRouter
6.3嵌套路由
示例6-2定义并使用嵌套路由
6.4动态路由匹配
6.4.1定义路径参数
6.4.2获取参数值
示例6-3实现动态路由匹配
6.5命名路由与路由视图
6.5.1命名路由
6.5.2命名路由视图
示例6-4为路由和路由视图命名
6.6重定向与别名
6.6.1重定向
6.6.2别名
示例6-5实现路由重定向并为路由添加别名
6.7编程式导航
示例6-6使用编程式导航的方式实现页面导航
项目实施——切换显示订餐系统不同模块的内容
项目7网络请求与状态管理
7.1网络请求
7.1.1Axios的安装
7.1.2Axios的使用
7.1.3拦截器
示例7-1使用Axios实现网络请求
7.2状态管理
7.2.1Vuex的安装
7.2.2Vuex的使用
7.2.3持久化存储
示例7-2使用Vuex进行状态管理
项目实施——实现登录功能并管理登录状态
项目8综合案例——开发图书销售网站
8.1项目背景
8.2需求分析
8.3模块设计
8.4项目搭建
8.5项目开发
8.5.1实现路由管理和状态管理
8.5.2制作导航模块
8.5.3制作登录模块
8.5.4制作图书展示模块
8.5.5制作图书详情模块
8.5.6制作图书搜索模块
8.5.7制作购物车模块
8.6项目运行
参考文献