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

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

640.png


一、项目初始化



640.png


二、UI层面



640.png


2.1 模板语法


2.1.1 插值

640.png


2.1.2 指令


640.png


2.2 进阶


2.2.1 样式绑定

640.png


2.2.2 条件渲染


640.png

2.2.3 列表渲染

640.png


2.2.4 事件处理

640.png


2.2.5 表单


640.png


三、组件



640.png


3.1 组件注册

640.png


3.2 插槽

640.png


3.3 动态组件

640.png


3.4 异步组件


640.png

四、数据层面


640.png

4.1 基础数据

640.png


4.2 通信层面

640.png


五、Vue包中关键函数


640.png

5.1 Vue.createApp(options)

640.png


5.1.1 options内容

640.png


5.2 组合式API

640.png

5.2.1 为什么使用


640.png


5.2.2 基础


640.png

5.2.2.1 setup

640.png


5.2.2.2 ref

640.png


5.2.2.3 生命周期钩子

640.png


5.2.2.4 watch响应式更改

640.png


5.2.2.5 computed

640.png


5.2.3 单文件组件<script setup>


640.png



六、感悟



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

  1. 相比于React,Vue封装的内容是真多,让我需要花大量精力去学习这些API与方法;
  2. 从表现层上看,由于自己能力有限,除了其对相关内容进行更好的就会,就不太清楚setup还能帮助我们做什么!
相关文章
|
2天前
|
JavaScript 前端开发 编译器
看完这篇文章,不再害怕Vue3的源码(一)
看完这篇文章,不再害怕Vue3的源码
|
2天前
|
缓存 JavaScript 前端开发
看完这篇文章,不再害怕Vue3的源码(二)
看完这篇文章,不再害怕Vue3的源码
|
1天前
|
缓存 JSON JavaScript
Vue学习笔记(二) 相识篇
Vue学习笔记(二) 相识篇
|
2天前
|
JavaScript 前端开发 API
看完这篇文章,不再害怕Vue3的源码(三)
看完这篇文章,不再害怕Vue3的源码
|
2天前
|
JavaScript IDE 前端开发
【第12期】学习Vue的捷径找到啦
【第12期】学习Vue的捷径找到啦
18 0
|
11月前
|
JavaScript 前端开发 API
VUE第二十四天 | 青训营笔记(二)
VUE第二十四天 | 青训营笔记(二)
40 0
|
11月前
|
JavaScript API
VUE第二十四天 | 青训营笔记(一)
VUE第二十四天 | 青训营笔记(一)
49 0
|
11月前
|
JavaScript
VUE第二十二天 | 青训营笔记
VUE第二十二天 | 青训营笔记
36 0
|
JavaScript
用Vue3开发,这几个工具你得知道。摸鱼不能耽误
用Vue3开发,这几个工具你得知道。摸鱼不能耽误
用Vue3开发,这几个工具你得知道。摸鱼不能耽误
|
前端开发 JavaScript
react修仙笔记,请问仙溪几级了?
react在企业项目中已经变成了一个必不可少的UI框架,从过去早期有jquery,后面有bootstrap兴起,jquery可以说二次封装的原生js,bootstarp可以快速搭建一个精美网页,现在基本很少用bootstrap和jquery了,基本上vuejs,react,angular三分天下,国内vuejs和react居多,angular很少用
react修仙笔记,请问仙溪几级了?