欢迎光临散文网 会员登陆 & 注册

Vue.js 3.x从入门到实战

2023-07-19 23:43 作者:取个名字吧一个就好  | 我要投稿

链接: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  


Vue.js 3.x从入门到实战的评论 (共 条)

分享到微博请遵守国家法律