Vue.js 3.x从入门到实战
链接:https://pan.baidu.com/s/1jJS9oJG24Vs4KkPXJ3bfsw?pwd=1m1y
提取码:1m1y

全书共13章,主要讲解Vue.js前端开发框架的相关知识,内容括初始Vue.js、计算属性、监听器属性、内置指令、自定义指令、组件、过渡与动画、渲染函数、响应性与组合API、使用webpack、前端路由与vue-router、状态管理与Vuex、移动电子商务以及人事管理系统。书中实例侧重实用性、趣味性强、分合理、通俗易懂,使读者能够快速掌握Vue.js前端开发框架的基础知识、编程技巧以及完整的开发体系,为前后端分离开发打下坚实的基础。
本书附有教学视频、源代码、课件、教学大纲、电子教案、教学日历、题答案等配套资源,可作为大学计算机及相关业的教材或教学参考书,也可作为前端开发的培训教材,适合广大前端开发人员阅读与使用。
源码下载
1.1网站交互方式
1.1.1多页应用程序
1.1.2单页应用程序
1.2 MVVM模式
1.3 Vue.js是什么
1.4 安装 Vue.js
1.5 第一个 Vue.js程序
1.5.1安装 VSCode及其件
1.5.2创建第一个 Vue.js应用
1.5.3声明式渲染
1.5.4 Vue.js的生命周期
1.6 值与表达式
1.6.1文本值
1.6.2原始 HTML值
1.6.3 JavaScript表达式
本章小结
题1
2.1 计算属性 computed
2.1.1什么是计算属性
2.1.2只有 getter方法的计算属性
2.1.3定义有 getter和 setter方法的计算属性
2.1.4计算属性和 methods的对比
2.2 监听器属性 watch
2.2.1 watch属性的用法
2.2.2 computed属性和 watch属性的对比
本章小结
题2
3.1 v-bind
3.1.1 v-bind指令的用法
3.1.2使用 v-bind绑定 class
3.1.3使用 v-bind绑定 style
3.2条件渲染指令
3.2.1 v-if指令
3.2.2 v-show指令
3.3 列表渲染指令 v-for
3.3.1基本用法
3.3.2数组更新
3.3.3过滤与排序
3.4 事件处理
3.4.1使用 v-on指令监听事件
3.4.2使用$event访问原生的 DOM事件
3.4.3事件修饰符
3.5 表单与 v-model
3.5.1基本用法
3.5.2修饰符
3.6 实战:购物车实例
本章小结
题3
4.1 组件的注册
4.1.1全局注册
4.1.2局注册
4.2 使用 props传递数据
4.2.1基本用法
4.2.2单向数据流
4.2.3数据验证
4.3 组件的通信
4.3.1使用自定义事件通信
4.3.2使用 v-model通信
4.3.3使用 mitt实现非父子组件通信
4.3.4提供/注入(组件链传值)
4.4 槽
4.4.1单槽 slot
4.4.2多个具名槽
4.4.3作用域槽
4.5 动态组件与异步组件
4.5.1动态组件
4.5.2异步组件
4.6 使用 ref获取 DOM元素和引用组件
4.7 实战:正整数数字输入框组件
本章小结
题4
5.1 单元素/单组件过渡
5.1.1过渡 class
5.1.2 CSS过渡
5.1.3 CSS动画
5.1.4同时使用过渡和动画
5.1.5 JavaScript钩子方法
5.2 多元素/多组件过渡
5.2.1多元素过渡
5.2.2多组件过渡
5.3 列表过渡
5.3.1列表的普通过渡
5.3.2列表的平滑过渡
5.3.3列表的变换过渡
5.3.4多维列表的过渡
本章小结
题5
6.1 自定义指令的注册
6.2 实战:实时时间转换指令
本章小结
题6
7.1DOM树
7.2什么是渲染函数
7.3h()函数
7.3.1基本参数
7.3.2约束
7.3.3使用 JavaScript代替模板功能
本章小结
题 7
8.1 响应性
8.1.1什么是响应性
8.1.2响应性的原理
8.2 为什么使用组合 API
8.3 setup选项
8.3.1 setup函数的参数
8.3.2 setup函数的返回值
8.3.3使用 ref创建响应式引用
8.3.4在 setup内调用生命周期钩子函数
8.4 提供/注入
8.4.1 provide方法
8.4.2 inject方法
8.5模板引用
8.6 响应式计算与侦听
8.6.1响应式计算
8.6.2响应式侦听
本章小结
题 8
9.1 webpack介绍
9.2 webpack的安装与使用
9.2.1安装 Node.js和 NPM
9.2.2 NPM常用命令
9.2.3安装 webpack
9.2.4安装 webpack-cli
9.2.5安装 webpack-dev-server
9.2.6 webpack的基本配置
9.2.7 webpack打实例
9.3加载器与件
9.3.1加载器
9.3.2件
9.4 单文件组件与 vue-loader
本章小结
题 9
10.1 什么是路由
10.2 Vue Router的安装
10.3Vue Router的基本用法
10.3.1 跳转与传参
10.3.2 配置路由
10.4Vue Router的高级应用
10.4.1 动态路由匹配
10.4.2 嵌套路由
10.4.3 编程式导航
10.4.4 命名路由
10.4.5 重定向
10.4.6 使用 props传参
10.4.7 HTML5记录模式
10.5 路由钩子函数
10.5.1 全局前置钩子函数
10.5.2 全局解析钩子函数
10.5.3 全局后置钩子函数
10.5.4 某个路由的钩子函数
10.5.5 组件内的钩子函数
10.6 路由元信息 /
10.7 登录权限验证实例
本章小结
题 10
11.1 状态管理与应用场景
11.1.1 状态管理
11.1.2 应用场景
11.2Vuex的安装与基本应用
11.3 Vuex的核心概念
11.3.1 Vuex中的 state
11.3.2 Vuex中的 getters
11.3.3 Vuex中的 mutations
11.3.4 Vuex中的 actions
11.3.5 Vuex中的 modules
本章小结
题 11
12.1setup语法糖
12.1.1 属性与方法的绑定
12.1.2 路由
12.1.3 组件传值
12.2 Element Plus
12.2.1 Element Plus的安装
12.2.2 Element Plus组件的介绍
12.2.3 Element Plus组件的应用
12.2.4 按需引入 Element Plus
12.3 View UI Plus
12.3.1 View UI Plus的安装
12.3.2 View UI Plus组件的介绍
12.3.3 View UI Plus组件的应用
12.3.4 按需引入 View UI Plus
12.4 Vant UI
12.4.1 Vant UI的安装
12.4.2 Vant UI组件的介绍
12.4.3 Vant UI组件的应用
12.4.4 按需引入 Vant UI
12.5其他 UI组件库
本章小结
题 12
13.1 系统设计
13.1.1 系统的功能需求
13.1.2 系统的模块划分
13.2 实现技术
13.2.1 使用 Vite构建后台管理子系统
13.2.2 使用 Vue CLI构建电子商务子系统
13.3系统管理
13.4 后台管理子系统的实现
13.4.1 管理员登录界面
13.4.2 导航栏界面
13.4.3 类型管理界面
13.4.4 商品管理界面
13.4.5 订单管理界面
13.4.6 统计界面
13.4.7 订单统计界面
13.5 电子商务子系统的实现
13.5.1 导航栏及搜索界面
13.5.2 页界面
13.5.3 用户注册界面
13.5.4 用户登录界面
13.5.5 商品详情界面
13.5.6 我的购物车界面
13.5.7 我的订单界面
13.5.8 我的收藏界面
本章小结
题 13