展开全部

主编推荐语

从底层理解Vue.js的设计思想,全方位提升项目能力。

内容简介

本书以前端工程化和企业级应用开发为目标,围绕Vue3及相关生态技术与核心源码进行详细剖析。

本书内容丰富,技术先进,注重实践,适合有一定前端开发基础的学生、从业者,以及自由项目开发者阅读,也适合对Vue.js感兴趣,善于做各种Vue.js应用探索,想要深入了解Vue.js底层实现的开发者阅读,还可以用作大专院校及培训机构的教学用书。

目录

  • 版权信息
  • 作者简介
  • 内容简介
  • 前言
  • 第1章 Vue.js概述
  • 1.1 认识MVC和MVVM模式
  • 1.1.1 传统的MVC模式
  • 1.1.2 流行的MVVM模式
  • 1.2 Vue.js简介
  • 1.2.1 Vue.js的由来
  • 1.2.2 Vue.js、前端工程化和Webpack
  • 1.3 Vue.js的安装和导入
  • 1.3.1 通过<script>标签导入
  • 1.3.2 通过npm导入
  • 1.3.3 通过Vue Cli和Vite导入
  • 1.4 Vue 3新特性概览
  • 1.4.1 更快、更小、更易于维护
  • 1.4.2 新特性初体验
  • 1.5 ES 6语言基础
  • 1.5.1 变量声明
  • 1.5.2 模块化
  • 1.5.3 Promise和async/await
  • 1.6 案例:Hello Vue 3
  • 1.7 小结与练习
  • 第2章 Vue.js基础
  • 2.1 Vue.js实例和组件
  • 2.1.1 创建Vue.js实例
  • 2.1.2 用component()方法创建组件
  • 2.1.3 Vue组件、根组件、实例的区别
  • 2.1.4 全局组件和局部组件
  • 2.1.5 组件方法和事件的交互操作
  • 2.1.6 单文件组件
  • 2.2 Vue.js模板语法
  • 2.2.1 插值表达式
  • 2.2.2 指令
  • 2.3 Vue.js的data属性、方法、计算属性和监听器
  • 2.3.1 data属性
  • 2.3.2 方法
  • 2.3.3 计算属性
  • 2.3.4 计算属性和方法
  • 2.3.5 监听器
  • 2.3.6 监听器和计算属性
  • 2.4 案例:Vue 3留言板
  • 2.4.1 功能描述
  • 2.4.2 案例完整代码
  • 2.5 小结与练习
  • 第3章 Vue.js组件
  • 3.1 组件生命周期
  • 3.1.1 beforeCreate和created
  • 3.1.2 beforeMount和mounted
  • 3.1.3 beforeUpdate和updated
  • 3.1.4 beforeUnmount和unmounted
  • 3.1.5 errorCaptured
  • 3.1.6 activated和deactivated
  • 3.1.7 renderTracked和renderTriggered
  • 3.2 组件通信
  • 3.2.1 组件通信概述
  • 3.2.2 父组件向子组件通信
  • 3.2.3 子组件向父组件通信
  • 3.2.4 父子组件的双向数据绑定与自定义v-model
  • 3.2.5 非父子关系组件的通信
  • 3.2.6 provide / inject
  • 3.3 组件插槽
  • 3.3.1 默认插槽
  • 3.3.2 具名插槽
  • 3.3.3 动态插槽名
  • 3.3.4 插槽后备
  • 3.3.5 作用域插槽
  • 3.3.6 解构插槽props
  • 3.4 动态组件
  • 3.5 异步组件和<suspense>
  • 3.6 <teleport>
  • 3.7 Mixin
  • 3.7.1 Mixin合并
  • 3.7.2 全局Mixin
  • 3.7.3 Mixin取舍
  • 3.8 案例:Vue 3待办事项
  • 3.8.1 功能描述
  • 3.8.2 案例完整代码
  • 3.9 小结与练习
  • 第4章 Vue.js组合式API
  • 4.1 组合式API基础
  • 4.2 setup方法
  • 4.2.1 setup方法的参数
  • 4.2.2 setup方法结合模板使用
  • 4.2.3 setup方法的执行时机和getCurrentInstance方法
  • 4.3 响应式类方法
  • 4.3.1 ref和reactive
  • 4.3.2 toRef和toRefs
  • 4.3.3 其他响应式类方法
  • 4.4 监听类方法
  • 4.4.1 computed方法
  • 4.4.2 watchEffect方法
  • 4.4.3 watch方法
  • 4.5 生命周期类方法
  • 4.6 methods方法
  • 4.7 provide / inject
  • 4.8 单文件组件<script setup>
  • 4.9 案例:组合式API待办事项
  • 4.9.1 功能描述
  • 4.9.2 案例完整代码
  • 4.10 小结与练习
  • 第5章 Vue.js动画
  • 5.1 从一个简单的动画开始
  • 5.2 transition组件实现过渡效果
  • 5.3 transition组件实现动画效果
  • 5.4 transition组件同时实现过渡和动画
  • 5.5 transition组件的钩子函数
  • 5.6 多个元素或组件的过渡/动画效果
  • 5.7 列表数据的过渡效果
  • 5.8 案例:魔幻的事项列表
  • 5.8.1 功能描述
  • 5.8.2 案例完整代码
  • 5.9 小结与练习
  • 第6章 Vuex状态管理
  • 6.1 什么是“状态管理模式”
  • 6.2 Vuex概述
  • 6.2.1 Vuex的组成
  • 6.2.2 安装Vuex
  • 6.2.3 一个简单的store
  • 6.3 state
  • 6.4 getters
  • 6.5 mutation
  • 6.6 action
  • 6.7 modules
  • 6.8 Vuex插件
  • 6.9 在组合式API中使用Vuex
  • 6.10 Vuex适用的场合
  • 6.11 Pinia介绍
  • 6.12 案例:事项列表的数据通信
  • 6.12.1 功能描述
  • 6.12.2 案例完整代码
  • 6.13 小结与练习
  • 第7章 Vue Router路由管理
  • 7.1 什么是单页应用
  • 7.2 Vue Router概述
  • 7.2.1 安装Vue Router
  • 7.2.2 一个简单的组件路由
  • 7.3 动态路由
  • 7.3.1 动态路由匹配
  • 7.3.2 响应路由变化
  • 7.4 导航守卫
  • 7.4.1 全局前置守卫
  • 7.4.2 全局解析守卫
  • 7.4.3 全局后置钩子
  • 7.4.4 组件内的守卫
  • 7.4.5 路由配置守卫
  • 7.5 嵌套路由
  • 7.6 命名视图
  • 7.7 命名路由
  • 7.8 编程式导航
  • 7.9 路由组件传参
  • 7.10 路由重定向、别名及元信息
  • 7.10.1 路由重定向
  • 7.10.2 路由别名
  • 7.10.3 路由元数据
  • 7.11 Vue Router的路由模式
  • 7.12 滚动行为
  • 7.13 keep-alive
  • 7.13.1 keep-alive缓存状态
  • 7.13.2 利用元数据meta控制keep-alive
  • 7.14 路由懒加载
  • 7.15 在组合式API中使用Vue Router
  • 7.16 案例:Vue Router路由待办事项
  • 7.16.1 功能描述
  • 7.16.2 案例完整代码
  • 7.17 小结与练习
  • 第8章 Vue Cli工具
  • 8.1 Vue Cli概述
  • 8.2 Vue Cli的安装和使用
  • 8.2.1 初始化项目
  • 8.2.2 启动项目
  • 8.2.3 使用vue ui命令打开图形化界面
  • 8.3 Vue Cli自定义配置
  • 8.3.1 configureWebpack配置
  • 8.3.2 chainWebpack配置
  • 8.3.3 其他配置
  • 8.4 案例:Vue Cli创建待办事项
  • 8.5 小结与练习
  • 第9章 Vite工具
  • 9.1 Vite概述
  • 9.1.1 怎么区分开发环境和生产环境
  • 9.1.2 什么是Rollup
  • 9.2 Vite的安装和使用
  • 9.2.1 初始化项目
  • 9.2.2 启动项目
  • 9.2.3 热更新
  • 9.3 Vite自定义配置
  • 9.3.1 静态资源处理
  • 9.3.2 插件配置
  • 9.3.3 服务端渲染配置
  • 9.4 Vite与Vue Cli
  • 9.4.1 Vite和Vue Cli的主要区别
  • 9.4.2 Vite和Vue Cli哪个性能更好
  • 9.4.3 在实际项目中如何选择
  • 9.5 案例:Vite创建待办事项
  • 9.6 小结与练习
  • 第10章 Vue.js服务端渲染
  • 10.1 服务端渲染概述
  • 10.1.1 客户端渲染
  • 10.1.2 服务端渲染
  • 10.2 Vue服务端渲染改造
  • 10.2.1 同构问题
  • 10.2.2 二次渲染
  • 10.2.3 基于Vite的服务端渲染概述
  • 10.2.4 创建Vite项目
  • 10.2.5 改造main.js
  • 10.2.6 创建Node.js服务schmerver.js
  • 10.2.7 生产模式服务端渲染
  • 10.2.8 优化package.json命令完成改造
  • 10.3 编写通用的代码
  • 10.3.1 服务端的数据响应性
  • 10.3.2 组件生命周期钩子
  • 10.3.3 访问特定平台的API
  • 10.4 预渲染
  • 10.5 Nuxt.js介绍
  • 10.6 案例:服务端渲染待办事项
  • 10.6.1 功能描述
  • 10.6.2 案例完整代码
  • 10.7 小结与练习
  • 第11章 Vue 3核心源码解析
  • 11.1 源码目录结构解析
  • 11.1.1 下载并启动Vue 3源码
  • 11.1.2 目录模块
  • 11.1.3 构建版本
  • 11.2 面试高频响应式原理
  • 11.2.1 Proxy API
  • 11.2.2 Proxy和响应式对象reactive
  • 11.2.3 ref()方法运行原理
  • 11.3 大名鼎鼎的虚拟DOM
  • 11.3.1 什么是虚拟DOM
  • 11.3.2 Vue 3虚拟DOM
  • 11.3.3 获取<template>的内容
  • 11.3.4 生成AST
  • 11.3.5 生成render方法字符串
  • 11.3.6 得到最终的VNode对象
  • 11.4 双向绑定的前世今生
  • 11.4.1 响应式触发
  • 11.4.2 生成新的VNode
  • 11.4.3 虚拟DOM的diff过程
  • 11.4.4 完成真实DOM的修改
  • 11.5 <keep-alive>的魔法
  • 11.5.1 LRU算法
  • 11.5.2 缓存VNode对象
  • 11.6 小结与练习
  • 第12章 实战项目:豆瓣电影评分系统
  • 12.1 开发环境准备
  • 12.1.1 安装代码编辑器Sublime Text 3
  • 12.1.2 安装cnpm
  • 12.1.3 Vite项目初始化
  • 12.2 项目功能逻辑
  • 12.3 首页开发
  • 12.3.1 轮播翻页组件
  • 12.3.2 搜索框组件
  • 12.4 登录页开发
  • 12.5 详情页开发
  • 12.5.1 电影基本信息组件
  • 12.5.2 电影演员信息组件
  • 12.5.3 电影评论信息组件
  • 12.6 发表页开发
  • 12.7 搜索页开发
  • 12.8 路由配置
  • 12.9 服务端渲染改造
  • 12.9.1 main.js改造
  • 12.9.2 entry-client.js和entry-schmerver.js
  • 12.9.3 home.vue改造
  • 12.9.4 store改造
  • 12.9.5 schmerver.js改造
  • 12.10 小结
展开全部

评分及书评

评分不足
2个评分

出版方

清华大学出版社

清华大学出版社成立于1980年6月,是由教育部主管、清华大学主办的综合出版单位。植根于“清华”这座久负盛名的高等学府,秉承清华人“自强不息,厚德载物”的人文精神,清华大学出版社在短短二十多年的时间里,迅速成长起来。清华大学出版社始终坚持弘扬科技文化产业、服务科教兴国战略的出版方向,把出版高等学校教学用书和科技图书作为主要任务,并为促进学术交流、繁荣出版事业设立了多项出版基金,逐渐形成了以出版高水平的教材和学术专著为主的鲜明特色,在教育出版领域树立了强势品牌。