好记性不如烂笔头——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还能帮助我们做什么!
相关文章
|
8月前
|
缓存 JavaScript 前端开发
看完这篇文章,不再害怕Vue3的源码(二)
看完这篇文章,不再害怕Vue3的源码
|
8月前
|
JavaScript 前端开发 编译器
看完这篇文章,不再害怕Vue3的源码(一)
看完这篇文章,不再害怕Vue3的源码
|
4月前
|
JavaScript API
再不学vue3就没有人要你了!速来围观vue3
这篇技术文章介绍了作者从最初对学习 Vue3 抵触到最终决定投入学习的心路历程,展示了 Vue3 相较于 Vue2 的诸多改进和新特性,如更优的性能、更小的代码体积及更佳的 TypeScript 支持。文章重点阐述了 Vue3 中 createApp 的使用变化、emits 机制、多事件处理、Fragment 的引入等重要功能升级。此外,还深入探讨了 Composition API 和 Options API 的区别,强调 Composition API 在代码组织和逻辑复用方面的优势,并给出了在不同项目规模中选择合适 API 的建议。
63 0
|
4月前
|
JavaScript API
卷死了!再不学vue3就没有人要你了!速来围观vue3新特性
该文章强调了学习Vue3的重要性,并详细介绍了Vue3相较于Vue2的新特性与改进,包括Composition API、响应式系统的变化以及其他API的更新等内容。
|
8月前
|
JavaScript
Vue 学习记录,从难受到真香
Vue 学习记录,从难受到真香
46 2
|
8月前
|
JavaScript 前端开发 API
看完这篇文章,不再害怕Vue3的源码(三)
看完这篇文章,不再害怕Vue3的源码
|
JavaScript 前端开发
[笔记]vue从入门到入坟《二》基础语法
[笔记]vue从入门到入坟《二》基础语法
|
JavaScript 前端开发 API
VUE第二十四天 | 青训营笔记(二)
VUE第二十四天 | 青训营笔记(二)
58 0
|
JavaScript API
VUE第二十四天 | 青训营笔记(一)
VUE第二十四天 | 青训营笔记(一)
75 0
|
JavaScript 前端开发 CDN
开心档之 Vue 教程 4
目录:Vue.js 条件语句,Vue.js 安装,条件判断 v-if 条件判断使用 v-if 指令: