Vue.js 3.x从入门到实战（微课视频版） 下载 pdf 百度网盘 epub 免费 2025 电子书 mobi 在线

全书共13章，主要讲解Vue.js前端开发框架的相关知识，内容包括初始Vue.js、计算属性、监听器属性、内置指令、自定义指令、组件、过渡与动画、渲染函数、响应性与组合API、使用webpack、前端路由与vue-router、状态管理与Vuex、移动电子商务以及人事管理系统。书中实例侧重实用性、趣味性强、分部合理、通俗易懂，使读者能够快速掌握Vue.js前端开发框架的基础知识、编程技巧以及完整的开发体系，为前后端分离开发打下坚实的基础。 本书附有教学视频、源代码、课件、教学大纲、电子教案、教学日历、习题答案等配套资源，可作为大学计算机及相关专业的教材或教学参考书，也可作为前端开发的培训教材，适合广大前端开发人员阅读与使用。

第1章  初识Vue.js

1.1网站交互方式 /2 

1.1.1多页应用程序 /2 

1.1.2单页应用程序 /2 

1.2 MVVM模式 /3 

1.3 Vue.js是什么 /4 

1.4 安装 Vue.js /4 

1.5 第一个 Vue.js程序 /5 

1.5.1安装 VSCode及其插件 /5 

1.5.2创建第一个 Vue.js应用 /6 

1.5.3声明式渲染 /8 

1.5.4 Vue.js的生命周期 /8 

1.6 插值与表达式 /10 

1.6.1文本插值 /10 

1.6.2原始 HTML插值 /11 

1.6.3 JavaScript表达式 /11

本章小结  /11习题1 /11

第2章  计算属性和监听器

2.1 计算属性 computed  /13 

2.1.1什么是计算属性  /13 

2.1.2只有 getter方法的计算属性 /13 

2.1.3定义有 getter和 setter方法的计算属性 /14 

2.1.4计算属性和 methods的对比 /15

2.2 监听器属性 watch /17 

2.2.1 watch属性的用法 /17 

2.2.2 computed属性和 watch属性的对比 /19

本章小结  /19习题2 /19

第3章  内置指令3.1 v-bind /21 

3.1.1 v-bind指令的用法 /21 

3.1.2使用 v-bind绑定 class   /21 

3.1.3使用 v-bind绑定 style  /24 

3.2条件渲染指令 /25 

3.2.1 v-if指令 /25 

3.2.2  v-show指令 /25 

3.3 列表渲染指令 v-for / 27 

3.3.1基本用法 /27 

3.3.2数组更新 /29 

3.3.3过滤与排序 /30 

3.4 事件处理 /32 

3.4.1使用 v-on指令监听事件 /33 

3.4.2使用$event访问原生的 DOM事件 /33 

3.4.3事件修饰符 /34 

3.5 表单与 v-model  /35 

3.5.1基本用法 /35 

3.5.2修饰符 /37 

3.6 实战：购物车实例  /38

本章小结  /41

习题3 /41

第4章  组件

4.1 组件的注册 /44 

4.1.1全局注册 /44 

4.1.2局部注册 /45 

4.2 使用 props传递数据 /47 

4.2.1基本用法 /47 

4.2.2单向数据流 /48 

4.2.3数据验证 /49 

4.3 组件的通信 /51 

4.3.1使用自定义事件通信 /51 

4.3.2使用 v-model通信 /53 

4.3.3使用 mitt实现非父子组件通信  /54 

4.3.4提供/注入（组件链传值） /56 

4.4 插槽 /57 

4.4.1单插槽 slot /58 

4.4.2多个具名插槽 /58 

4.4.3作用域插槽 /59 

4.5 动态组件与异步组件 /60 

4.5.1动态组件 /60 

4.5.2异步组件 /62 

4.6 使用 ref获取 DOM元素和引用组件 /62 

4.7 实战：正整数数字输入框组件 /64

本章小结  /65

习题4 /65

第5章  过渡与动画

5.1 单元素/单组件过渡  /68 

5.1.1过渡 class    /68 

5.1.2 CSS过渡 /69 

5.1.3 CSS动画 /71 

5.1.4同时使用过渡和动画 /72 

5.1.5 JavaScript钩子方法 /73 

5.2 多元素/多组件过渡  /76 

5.2.1多元素过渡 /76 

5.2.2多组件过渡 /77 

5.3 列表过渡 

/79 

5.3.1列表的普通过渡  /79 

5.3.2列表的平滑过渡  /80 

5.3.3列表的变换过渡  /81 

5.3.4多维列表的过渡  /82

本章小结  /83习题5  /84 6.1 自定义指令的注册

第6章  自定义指令

6.2 实战：实时时间转换指令

 /88本章小结  /90习题6  /90

第7章  渲染函数

7.1DOM树 /92 

7.2什么是渲染函数 

/92 

7.3h()函数 

/95 

7.3.1基本参数 /95 

7.3.2约束 /95 

7.3.3使用 JavaScript代替模板功能  /96

本章小结 /100 习题 7 /100

第8章  响应性与组合API

8.1 响应性  /102 

8.1.1什么是响应性 /102 

8.1.2响应性的原理 /102 

8.2  为什么使用组合 API /103 

8.3  setup选项

  /105 

8.3.1 setup函数的参数 /105 

8.3.2 setup函数的返回值 /107 

8.3.3使用 ref创建响应式引用 /108 

8.3.4在 setup内部调用生命周期钩子函数 /109 

8.4 提供/注入 

/110 

8.4.1 provide方法 /111 

8.4.2 inject方法 /111 

8.5模板引用 /113 

8.6 响应式计算与侦听

  /113 

8.6.1响应式计算 /113 

8.6.2响应式侦听 /114 

本章小结  /116习题 8 /116

第9章  webpack

9.1 webpack介绍 /118 

9.2  webpack的安装与使用 /118 

9.2.1安装 Node.js和 NPM /118 

9.2.2 NPM常用命令  /119 

9.2.3安装 webpack /122 

9.2.4安装 webpack-cli    /122 

9.2.5安装 webpack-dev-server /123 

9.2.6 webpack的基本配置 /123 

9.2.7 webpack打包实例 

/125 

9.3加载器与插件 

/131 

9.3.1加载器 /131 

9.3.2插件 /137 

9.4 单文件组件与 vue-loader

  /139本章小结  /144习题 9 /144

第10章  Vue Router

10.1 什么是路由 /146 

10.2 Vue Router的安装

 /146 

10.3Vue Router的基本用法 

/151 

10.3.1  跳转与传参 /151 

10.3.2  配置路由 /152 

10.4Vue Router的高级应用  /156 

10.4.1  动态路由匹配 

/156 

10.4.2  嵌套路由 

/160 

10.4.3  编程式导航 

/165 

10.4.4  命名路由 /167 

10.4.5  重定向 /167 

10.4.6  使用 props传参 /168 

10.4.7  HTML5历史记录模式 /169 

10.5 路由钩子函数 /169 

10.5.1  全局前置钩子函数 /169 

10.5.2  全局解析钩子函数 /171 

10.5.3  全局后置钩子函数 /171 

10.5.4  某个路由的钩子函数 /171 

10.5.5  组件内的钩子函数 /172 

10.6  路由元信息 /173 

10.7 登录权限验证实例

 /174本章小结  /177习题 10  /177

第11章  Vuex

11.1 状态管理与应用场景 /180 

11.1.1  状态管理 /180 

11.1.2  应用场景 /181 

11.2Vuex的安装与基本应用 /181 

11.3 Vuex的核心概念 /182 

11.3.1  Vuex中的 state 

/182 

11.3.2  Vuex中的 getters 

/187 

11.3.3  Vuex中的 mutations   /191 

11.3.4  Vuex中的 actions 

/194 

11.3.5  Vuex中的 modules /199

本章小结 /201习题 11 /201

第12章  Vue UI组件库

12.1setup语法糖 /203 

12.1.1  属性与方法的绑定 

/203 

12.1.2  路由 

/204 

12.1.3  组件传值 

/206 

12.2 Element Plus /209 

12.2.1  Element Plus的安装 /209 

12.2.2  Element Plus组件的介绍 /210 

12.2.3  Element Plus组件的应用 

/211 

12.2.4  按需引入 Element Plus 

/215 

12.3 View UI Plus /217 

12.3.1  View UI Plus的安装 /217 

12.3.2  View UI Plus组件的介绍 /218 

12.3.3  View UI Plus组件的应用 

/219 

12.3.4  按需引入 View UI Plus 

/221 

12.4 Vant UI /222 

12.4.1  Vant UI的安装 /222 

12.4.2  Vant UI组件的介绍 /224 

12.4.3  Vant UI组件的应用 

/224 

12.4.4  按需引入 Vant UI 

/225 

12.5其他 UI组件库 /227本章小结 /228习题 12 /228

第13章  电子商务平台的前端设计与实现

13.1 系统设计 /230 

13.1.1  系统的功能需求 /230 

13.1.2  系统的模块划分 /230 

13.2  实现技术

 /231 

13.2.1  使用 Vite构建后台管理子系统 /231 

13.2.2  使用 Vue CLI构建电子商务子系统 /233 

13.3系统管理

 /233 

13.4 后台管理子系统的实现

 /238 

13.4.1  管理员登录界面 /238 

13.4.2  导航栏界面 /241 

13.4.3  类型管理界面  /246 

13.4.4  商品管理界面  /251 

13.4.5  订单管理界面  /260 

13.4.6  销量统计界面  /266 

13.4.7  订单统计界面  /268 

13.5 电子商务子系统的实现

 /270 

13.5.1  导航栏及搜索界面 /270 

13.5.2  首页界面 /273 

13.5.3  用户注册界面  /276 

13.5.4  用户登录界面  /278 

13.5.5  商品详情界面  /279 

13.5.6  我的购物车界面 /281 

13.5.7  我的订单界面  /283 

13.5.8  我的收藏界面  /287

本章小结 /289习题 13 /289

参考文献

暂无相关内容，正在全力查找中

暂无出版社相关信息，正在全力查找中！

暂无相关书籍摘录，正在全力查找中！

在线阅读地址：Vue.js 3.x从入门到实战（微课视频版）在线阅读

在线听书地址：Vue.js 3.x从入门到实战（微课视频版）在线收听

在线购买地址：Vue.js 3.x从入门到实战（微课视频版）在线购买

暂无原文赏析，正在全力查找中！

编辑推荐

本书特色：

（1）编写理念创新。以“必需”和“够用”为原则，遵循“以学生为中心”的宗旨，精选内容，凝练章节，讲练结合，以“学中做，做中学”为主线开展教学活动。

（2）内容新颖全面。以Visual Studio Code为开发平台，从Vue.js 3的基础开始讲解，逐步深入到前端项目的开发流程、技术及方法，内容由易到难，讲解由浅入深、循序渐进。

（3）案例实用典型。涵盖知识点广泛，设计开发流程规范，业务逻辑性强。

（4）资源丰富详实。为便于教学，提供教学大纲、教学课件、教学日历、电子教案、程序源码、实验大纲、思政案例、在线题库、教学进度表、习题答案、教学视频等配套资源。

（5）读者对象广泛。可作为高等院校相关专业的教材，也可作为教辅资料，还可作为Web前端开发人员的参考书。

前言

党的二十大报告指出，教育、科技、人才是全面建设社会主义现代化国家的基础性、战略性支撑。必须坚持科技是第一生产力、人才是第一资源、创新是第一动力，深入实施科教兴国战略、人才强国战略、创新驱动发展战略，开辟发展新领域新赛道，不断塑造发展新动能新优势。 

传统 Web开发模式有一个共同的特点——利用后端语言提供的模板引擎编写HTML/XML页面，例如PHP Web开发有Smarty模板引擎，Java Web工程有 JSP页面，Python的各个 Web框架有各自的模板引擎。因此，在传统 Web开发模式下，前端依赖后端架构，前端操作数据代价高昂，从而导致用户体验较差。 

时至今日，前后端分离开发成为主流的 Web开发模式。前后端分离不是简单的代码分离。首先架构上要分离、解耦，逐渐摆脱前后端在架构上的依赖，前后端各司其职，分别部署在各自的服务器上，通过 RESTful接口传递数据，后端服务器不再负责页面渲染，只负责输入数据，吞吐量提升了多倍。目前，广泛应用的 Web前端三大主流框架是Angular.js、React.js和 Vue.js。相比 Angular.js和 React.js，Vue.js作为后起之秀，借鉴了前辈Angular.js和 React.js的特点，并做了相关优化，更加方便使用，更容易上手，比较适合初学者，深受广大用户欢迎，尤其是中国用户。因此，本书以“Vue.js 3.x前端框架技术从入门到实战”为主线进行编写，首先阐述计算属性和监听器、内置指令、组件、过渡与动画、渲染函数、响应性与组合 API等基础知识，然后重点讲解 Vue.js 3.x的周边生态技术及应用，包括webpack、Vue Router、Vuex、Vue UI组件库等内容，最后详细介绍电子商务平台的前端设计与实现，以帮助读者掌握基于 Vue.js 3.x的前端项目的开发流程、技术及方法，从而为大型项目的前端开发打下坚实的基础。

全书共 13章，具体内容如下。 

第 1章：初识Vue.js，包括网站交互方式、MVVM模式、Vue.js开发环境的搭建、Vue.js的生命周期、插值与表达式等内容。 

第 2章：计算属性和监听器，包括计算属性和监听器的用法和使用场景等内容。

第3章：内置指令，包括绑定指令v-bind、条件渲染指令v-if和v-show、列表渲染指令 v-for以及事件处理、表单与 v-model等内容。

第 4章：组件，包括组件的注册、组件的通信、插槽、动态组件与异步组件、组件的引用等内容。 

第 5章：过渡与动画，包括单元素过渡、单组件过渡、多元素过渡、多组件过渡、列表过渡等内容。 

第 6章：自定义指令，包括自定义指令的注册机制、实现原理和使用方法等内容。

第 7章：渲染函数，包括 DOM树的概念、渲染函数的概念、h()函数的基本用法等内容。 

第 8章：响应性与组合 API，包括响应性与组合 API的概念与原理、setup选项、provide方法、inject方法、模板引用、响应式计算与侦听等内容。 

第 9章：webpack，包括 webpack的安装与使用、加载器与插件、单文件组件与 vue-loader等内容。

第 10章：Vue Router，包括路由的概念、Vue Router的安装、VueRouter的基本用法、Vue Router的高级应用、路由钩子函数、路由元信息等内容。 

第 11章：Vuex，包括状态管理与应用场景、Vuex的安装与基本应用、Vuex的核心概念等内容。

第12章：Vue UI组件库，包括 setup语法糖的使用方法、Element Plus组件库、View UI Plus组件库、Vant UI组件库等内容。

第 13章：电子商务平台的前端设计与实现，包括系统设计、实现技术（Vite与 Vue CLI）、系统管理、系统实现等内容。

本书特色 

1．编写理念创新

以“必需”和“够用”的原则，遵循“以学生为中心”的宗旨，精选内容，凝练章节，讲练结合，以“学中做，做中学”为主线开展教学活动。

2．内容新颖全面

以 Visual Studio Code为开发平台，从 Vue.js 3.x的基础开始讲解，逐步深入到前端项目的开发流程、技术及方法，内容由易到难，讲解由浅入深、循序渐进。 

3．

案例实用典型

涵盖知识点广泛，设计开发流程规范，业务逻辑性强。 

4．

资源丰富翔实

为便于教学，本书提供教学大纲、教学课件、教学日历、电子教案、程序源码、实验大纲、思政案例、在线题库、教学进度表、习题答案、1000分钟的教学视频等配套资源。 

资源下载提示 

课件等资源：扫描封底的“课件下载”二维码，在公众号“书圈”下载。

素材（源码）等资源：扫描目录上方的二维码下载。 

在线作业：扫描封底的作业系统二维码，登录网站在线做题及查看

答案。 视频等资源：扫描封底的文泉云盘防盗码，再扫描书中相应章节的二

维码，可以在线学习。

5．读者对象广泛本书可作为高等院校相关专业的教材，也可作为教辅资料，还可作为Web前端开发人员的参考书。

本书是辽宁省普通高等学校一流本科教育示范专业“大连外国语大学计算机科学与技术专业”及辽宁省教育科学“十四五”规划 2021年度立项课题“面向交叉应用的大数据管理专业课程体系构建（JG21DB143）”的建设成果。

本书的出版得到清华大学出版社相关人员的大力支持，在此表示衷心感谢。同时，编者在编写本书的过程中参阅了一些书籍、博客以及网络资源，在此对这些资源的贡献者与分享者深表感谢。由于前端框架技术发展迅速，并且持续改进与优化，加上编者水平有限，书中难免会有不足之处，敬请各位专家和读者批评、指正。

编 者

2023年 6月