更新时间：2024-12-28 11:13:32
封面
版权信息
作者简介
内容简介
前言
第1章 Web前端技术架构及Vue框架
1.1 Web前端技术架构发展历程
1.2 Vue等新框架的诞生
1.2.1 Webpack介绍
1.2.2 Vue框架介绍
1.3 Vue与主流前端框架的对比
第2章 Vue 2.x开发基础
2.1 Vue是什么
2.2 环境搭建和Hello World
2.3 Vue的插值表达式
2.4 Vue的常用指令介绍
2.4.1 v-html指令介绍
2.4.2 v-text指令介绍
2.4.3 v-if条件渲染
2.4.4 v-show条件渲染
2.4.5 v-for列表渲染
2.4.6 v-model双向绑定
2.4.7 v-once一次性渲染
2.4.8 v-bind属性绑定介绍
2.4.9 v-on事件绑定介绍
2.4.10 style绑定介绍
2.4.11 class绑定介绍
2.4.12 其他常用指令介绍
2.5 Vue的常用选项介绍
2.5.1 data选项介绍
2.5.2 计算属性介绍
2.5.3 watch监听介绍
2.6 Vue的生命周期介绍
2.6.1 生命周期图解
2.6.2 生命周期钩子函数详细讲解
第3章 Vue 2.x组件开发
3.1 Vue组件定义方案
3.1.1 自定义组件介绍
3.1.2 组件的属性介绍
3.1.3 组件的事件绑定介绍
3.1.4 组件属性的双向绑定
3.1.5 组件属性的多重双向绑定
3.1.6 实现一个自定义confirm组件
3.2 Vue的插槽介绍
3.3 Vue的动态组件介绍
3.4 Vue的组件缓存
3.5 Vue的组件过渡
3.6 其他高级API的介绍
第4章 Vue CLI开发完全指南
4.1 什么是脚手架
4.2 Vue CLI的入门指南
4.2.1 使用Vue CLI初始化项目
4.2.2 脚手架项目结构介绍
4.2.3 生产环境和开发环境的介绍
4.3 Vue CLI的项目开发实战
4.3.1 从0开始开发一个后台管理系统
4.3.2 通过动态组件学习视图切换的概念
4.4 认识路由框架Vue Router
4.5 路由的深入研究
4.5.1 路由的常用跳转方式
4.5.2 多级路由的实现
4.5.3 路由缓存的实现
4.6 结合路由系统的项目开发
4.6.1 重构项目的登录页面
4.6.2 重构项目的首页并实现模拟登录
4.6.3 实现多级路由和缓存功能
4.6.4 导航守卫的介绍
4.7 UI框架的引入
4.7.1 什么是UI框架及常用的UI框架介绍
4.7.2 ElementUI的介绍及如何结合Vue CLI使用
4.8 通过ElementUI重构项目
4.8.1 改造登录页面
4.8.2 改造首页结构
4.8.3 导航菜单的实现
4.8.4 退出登录功能的实现
4.9 Axios网络通信框架
4.9.1 前后分离架构介绍
4.9.2 Axios简介及项目中的使用
4.9.3 什么是接口及服务接口的部署方式
4.9.4 在Vue项目中引入Axios框架
4.9.5 通过真正的网络接口实现登录功能
4.10 什么是状态管理
4.10.1 Vue实现状态管理的方式
4.10.2 Vuex的介绍
第5章 Vue CLI项目从0开始实战
5.1 项目搭建
5.2 全局状态配置
5.2.1 整合Vuex框架
5.2.2 动态加载菜单
5.2.3 实现Tabs标签页和二级路由页面
5.2.4 通过Vuex实现Tab标签页和菜单的状态联动
5.3 完成用户管理模块的开发
5.3.1 用户列表和模糊查询
5.3.2 列表的分页查询
5.3.3 新增用户信息
5.3.4 编辑用户信息
5.3.5 删除用户信息
5.4 完成角色管理模块的开发
5.5 完成菜单管理模块的开发
5.6 完成商品模块的开发
