• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

好记性不如烂笔头——Vue3.0篇

互联网 diligentman 3小时前 2次浏览

俗话说的好“好记性不如烂笔头”,今天秉承着后期复习方便的态度,整理了一份Vue3.0基础知识点,并以思维导图的方式呈现出来,方便跟老铁们一起查漏补缺。

好记性不如烂笔头——Vue3.0篇

Vue3.0.png

一、项目初始化

好记性不如烂笔头——Vue3.0篇

1.png

二、UI层面

好记性不如烂笔头——Vue3.0篇

2.png

2.1 模板语法

2.1.1 插值

好记性不如烂笔头——Vue3.0篇

2-1-1.png

2.1.2 指令

好记性不如烂笔头——Vue3.0篇

2-1-2.png

2.2 进阶

2.2.1 样式绑定

好记性不如烂笔头——Vue3.0篇

2-2-1.png

2.2.2 条件渲染

好记性不如烂笔头——Vue3.0篇

2-2-2.png

2.2.3 列表渲染

好记性不如烂笔头——Vue3.0篇

2-2-3.png

2.2.4 事件处理

好记性不如烂笔头——Vue3.0篇

2-2-4.png

2.2.5 表单

好记性不如烂笔头——Vue3.0篇

2-2-5.png

三、组件

好记性不如烂笔头——Vue3.0篇

3.png

3.1 组件注册

好记性不如烂笔头——Vue3.0篇

3-1.png

3.2 插槽

好记性不如烂笔头——Vue3.0篇

3-2.png

3.3 动态组件

好记性不如烂笔头——Vue3.0篇

3-3.png

3.4 异步组件

好记性不如烂笔头——Vue3.0篇

3-4.png

四、数据层面

好记性不如烂笔头——Vue3.0篇

4.png

4.1 基础数据

好记性不如烂笔头——Vue3.0篇

4-1.png

4.2 通信层面

好记性不如烂笔头——Vue3.0篇

4-2.png

五、Vue包中关键函数

好记性不如烂笔头——Vue3.0篇

5.png

5.1 Vue.createApp(options)

好记性不如烂笔头——Vue3.0篇

5-1.png

5.1.1 options内容

好记性不如烂笔头——Vue3.0篇

5-1-1.png

5.2 组合式API

好记性不如烂笔头——Vue3.0篇

5-2.png

5.2.1 为什么使用

好记性不如烂笔头——Vue3.0篇

5-2-1.png

5.2.2 基础

好记性不如烂笔头——Vue3.0篇

5-2-2.png

5.2.2.1 setup

好记性不如烂笔头——Vue3.0篇

5-2-2-1.png

5.2.2.2 ref

好记性不如烂笔头——Vue3.0篇

5-2-2-2.png

5.2.2.3 生命周期钩子

好记性不如烂笔头——Vue3.0篇

5-2-2-3.png

5.2.2.4 watch响应式更改

好记性不如烂笔头——Vue3.0篇

5-2-2-4.png

5.2.2.5 computed

好记性不如烂笔头——Vue3.0篇

5-2-2-5.png

5.2.3 单文件组件<script setup>

好记性不如烂笔头——Vue3.0篇

5-2-3.png

六、感悟

在整理这些基础知识点的过程中,有以下几点感悟,不一定正确,分享出来与大家探讨:

  1. 相比于React,Vue封装的内容是真多,让我需要花大量精力去学习这些API与方法;

  2. 从表现层上看,由于自己能力有限,除了其对相关内容进行更好的就会,就不太清楚setup还能帮助我们做什么!


程序员灯塔
转载请注明原文链接:好记性不如烂笔头——Vue3.0篇
喜欢 (0)