10张脑图带你快速入门Vue3

14,872 阅读1分钟

前言

这个月重新开始学习Vue3

目前已经完结第一部分:基础部分

我将所有内容吸收整理成10张脑图,一来快速入门Vue3,二来方便以后查看

脑图

应用实例和组件实例

1应用实例和组件实例.png

模板语法

2模板语法.png

配置选项

3配置选项.png

计算属性和监听器

4计算属性和监听器.png

绑定class和style

5绑定class和style.png

条件渲染

6条件渲染.png

列表渲染

7列表渲染v-for.png

事件处理

8事件处理.png

v-model及其修饰符

9v-model及其修饰符.png

组件的基本使用

10组件的基本使用.png

温馨小贴士

  1. 由于图片较多,为了避免一张张保存的麻烦 我已将上述原图已上传githubgithub.com/jCodeLife/m…

  2. 如果需要更改图片,为了方便你按照自己的习惯进行修改

我已将原始文件xmind上传githubgithub.com/jCodeLife/m…

本系列相关文章如下

一、基础部分(完结)

  1. 理解应用实例和组件实例 | 重学Vue3
  2. 理解模板语法 | 重学Vue3
  3. 深入理解配置选项之data和methods| 重学Vue3
  4. 理解计算属性和监听器 | 重学Vue3
  5. 绑定class和内联样式style | 重学Vue3
  6. 理解条件渲染 | 重学Vue3
  7. 理解列表渲染 | 重学vue3
  8. 理解事件处理及相关修饰符 | 重学Vue3
  9. 理解v-model及其修饰符 | 重学Vue3
  10. 组件的基本使用 | 重学Vue3

二、手写实现部分

  1. 模拟实现Vue3初始化流程
  2. 模拟实现所有Vue3响应式API(上)

END

以上是这次快速入门Vue3的所有内容

如有问题,欢迎留言告知,感谢~