当前位置:首页 » 《随便一记》 » 正文

好记性不如烂笔头——Vue3.0篇_前端小白-Mr鹏帅

17 人参与  2022年05月23日 08:02  分类 : 《随便一记》  评论

点击全文阅读


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

图片

Vue3.0.png

一、项目初始化

图片

1.png

二、UI层面

图片

2.png

2.1 模板语法

2.1.1 插值

图片

2-1-1.png

2.1.2 指令

图片

2-1-2.png

2.2 进阶

2.2.1 样式绑定

图片

2-2-1.png

2.2.2 条件渲染

图片

2-2-2.png

2.2.3 列表渲染

图片

2-2-3.png

2.2.4 事件处理

图片

2-2-4.png

2.2.5 表单

图片

2-2-5.png

三、组件

图片

3.png

3.1 组件注册

图片

3-1.png

3.2 插槽

图片

3-2.png

3.3 动态组件

图片

3-3.png

3.4 异步组件

图片

3-4.png

四、数据层面

图片

4.png

4.1 基础数据

图片

4-1.png

4.2 通信层面

图片

4-2.png

五、Vue包中关键函数

图片

5.png

5.1 Vue.createApp(options)

图片

5-1.png

5.1.1 options内容

图片

5-1-1.png

5.2 组合式API

图片

5-2.png

5.2.1 为什么使用

图片

5-2-1.png

5.2.2 基础

图片

5-2-2.png

5.2.2.1 setup

图片

5-2-2-1.png

5.2.2.2 ref

图片

5-2-2-2.png

5.2.2.3 生命周期钩子

图片

5-2-2-3.png

5.2.2.4 watch响应式更改

图片

5-2-2-4.png

5.2.2.5 computed

图片

5-2-2-5.png

5.2.3 单文件组件<script setup>

图片

5-2-3.png

六、感悟

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

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

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


点击全文阅读


本文链接:http://zhangshiyu.com/post/40578.html

组件  基础  层面  
<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 放弃救赎师尊后,看他尸骨无存我笑了精彩章节试读_「师尊林云玉骨琴」全章节免费阅读
  • 春到南楼雪尽处(傅庭州苏枝夏)全书免费_(傅庭州苏枝夏)春到南楼雪尽处后续(傅庭州苏枝夏)
  • 完结文常梨厉晏舟列表_完结文常梨厉晏舟
  • 重返1977:从成为***状元开始剧情悬念章节分段解锁_「高远李健群」完结版全文
  • (番外)+(全书)君心如竹,此生荒芜结局+番外(沈南音贺方竹)完结_(沈南音贺方竹)列表_笔趣阁(君心如竹,此生荒芜结局+番外)
  • 剜月寄无书结局+番外(姜若凝楚淮舟)_(剜月寄无书结局+番外)列表_笔趣阁(姜若凝楚淮舟)
  • 剜月寄无书免费赏析(姜若凝楚淮舟)_剜月寄无书免费赏析姜若凝楚淮舟
  • (番外)+(全书)(瀛洲晚晚)_反派暴君难攻略全书+后续列表_笔趣阁(瀛洲晚晚)(瀛洲晚晚)完结_(瀛洲晚晚)列表_笔趣阁(反派暴君难攻略全书+后续)
  • 江宁夏寻寒彦(江宁夏寻寒彦+结局+番外)_(江宁夏寻寒彦)列表_笔趣阁(江宁夏寻寒彦+结局+番外)
  • 「老婆拿着她妈救命钱和初恋泡温泉」全章节免费阅读_赵琳阿泽陈泽情感冲突名场面试读章
  • [婚书难寄,无岸之秋]限时免费章节抢先看_顾向阳陈西颜枝全集阅读
  • 岁月不识情难捱结局+番外阮轻梨沈修缘全书免费在线-正版《岁月不识情难捱结局+番外》阮轻梨沈修缘

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1