3.6 条件判断
3.6.1 v-if
3.6.2 v-if v-else
3.6.3 v-else-if
3.6.4 在 <template> 元素上使用 v-if 条件渲染分组
3.6.5 v-show
3.6.6 v-if vs v-show
3.7 模板中使用Javascript表达式
3.8 计算属性
3.9 watch
3.9.1 常规用法
3.9.2 立即执行(immediate和handler)
3.9.3 深度监听
3.9.4 computed和watch的区别
3.10 自定义组件使用v-model实现双向数据绑定
3.11 自定义组件slots
3.12 非Prop的Attribute继承(Vue3)
3.12.1 Attribute 继承
3.12.2 禁用Attribute继承
3.13 $ref 操作DOM
3.14 表单数据双向绑定
3.15 组件传值
3.15.1 父组件向子组件传值
3.15.2 子组件向父组件传值
3.16 $root和$prarent的使用
3.17 this.$nextTick
3.18 axios介绍
3.19 跨域请求
3.20 extend、mixin和extends
第 4 章
? Composition API ?
4.1 Vue3集成TypeScript
4.2 setup
4.2.1 setup细节
4.2.2 props和attrs的区别
4.3 ref
4.4 reactive
4.5 reactive与ref 的区别
4.6 Vue2与Vue3响应式比较
4.6.1 vue2的响应式
4.6.2 vue3的响应式
4.7计算属性与监视
4.8 组件生命周期
4.9 自定义hook函数
4.10 toRefs
4.11 ref获取元素
4.12 shallowReactive 与 shallowRef
4.13 readonly 与 shallowReadonly
4.14 toRaw 与 markRaw
4.15 toRef
4.16 unRef
4.17 customRef
4.18 provide 与 inject
4.19 响应式数据的判断
4.20 Option API VS Composition API
4.20.1 Option API的问题
4.20.2 使用Compisition API
第 5 章
? Vue3新组件和新API ?
5.1 Fragment(片断)
5.2 Teleport(瞬移)
5.3 Suspense(不确定的)
5.4 全新的全局API
5.4.1 createApp()
5.4.2 Vue3使用Proxy 优先defineProperty()
5.4.3 defineComponent和defineAsyncComponent
5.4.4 nextTick()
5.5 将原来的全局API转移到应用对象
5.6 模板语法变化
5.6.1 v-model
5.7 v-if 与 v-for 的优先级对比
5.8 示例项目:todoList
5.8.1 示例介绍
5.8.2 组件拆分
5.8.3 代码实现
5.8.4 Home.vue主组件
5.8.5 Header.vue代码
5.8.6 Footer.vue代码
5.8.7 List.vue列表代码
5.8.8 Item.vue子组件代码
第 6 章
? vue-router和vuex?
6.1 什么是路由
6.2 安装vue-router的两种方式
6.3 Vue Router的基本使用
6.3.1 router-link
6.3.2 设置选中路由高亮
6.3.3 router-view
6.3.4 router/ index.ts
6.4 路由HTML5 History模式和hash模式
6.4.1 hash模式
6.4.2 HTML5 History模式
6.4.3 服务器配置示例
6.5 带参数的动态路由匹配
6.6 响应路由参数的变化
6.7 捕获所有路由和设置404 界面
6.8 vue-router中编程式导航
6.9 路由传参query?ms
6.9.1 query
6.9.2 params
6.10 命名路由
6.11 嵌套路由
6.12 为路由切换使用过渡动效
6.12.1 单个路由的过渡
6.12.2 基于路由的动态过渡
6.13 路由懒加载
6.14 使用命名视图
6.15 keep-alive
6.15.1 router配置缓存
6.15.2组件配置缓存
6.16 vuex 是什么?
6.17 安装vuex
6.18 配置vuex的步骤
6.19 获取vuex中的state
6.19.1 方法一:按需引入store.state
6.19.2 方式二:全局配置this.$store
6.19.3 方式三:mapState助手
6.20 获取vuex中的Getter
6.20.1 定义Getter
6.20.2 Getter访问方式一:store.getter.
6.20.3 Getter访问方式二:this.$store.getters
6.20.4 Getter访问方式三:mapGetters辅助函数
6.21 调用Mutations 和Actions
6.22 Composition API方式使用vuex
6.22.1 访问State and Getters
6.22.2 访问Mutations and Actions
6.23 Modules模块
6.24 Namespacing命名空间
6.24.1.开启模块的命名空间
6.24.2.在组件中使用
第 7 章
? Vue3的常用UI框架?
7.1 Vue的常用UI框架介绍
7.2 ant-design-vue介绍
7.2.1 使用 npm 或 yarn 安装
7.2.2 在浏览器中使用
7.2.3 使用示例
7.2.4 按需加载
7.2.5 创建项目
7.2.6 使用ant-design-vue
7.2.7 将ant-design-vue引入进行统一封装
7.2.8 主题定制
7.2.9 国际化
7.2.10 Layout 布局
7.2.11 使用iconfont图标
7.3 Element Plus介绍
7.3.1 npm 或CDN安装
7.3.2 引入 Element Plus
7.3.3 全局配置
7.3.4 自定义主题
7.3.5 组件
第 8 章
? Webpack5介绍?
8.1 webpack概念的引入
推荐阅读
- 《绝地求生》新手怎么玩(绝地求生新手打法教程)
- 带走一盏-“带走一盏渔火,让它温暖我的双眼……”选自《涛声依旧》,其歌词和意境借 ...
- 28 《吐血整理》高级系列教程-吃透Fiddler抓包教程-Fiddler如何抓取Android7.0以上的Https包-下篇
- 《王者荣耀》的李白怎么玩有什么操作技巧(李白剑气积攒技巧)
- vite vue3 规范化与Git Hooks
- DUCK 谣言检测《DUCK: Rumour Detection on Social Media by Modelling User and Comment Propagation Networks》
- 《基于Apache Flink的流处理》读书笔记
- RDEA 谣言检测《Rumor Detection on Social Media with Event Augmentations》
- 《瓦尔迪斯传说:深渊之城》图文攻略 深渊传说图文攻略
- 谣言检测《Data Fusion Oriented Graph Convolution Network Model for Rumor Detection》