更新时间：2023-08-31 19:32:08
封面
版权信息
作者简介
内容简介
前言
第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待办事项
