vue3.0学习笔记

作者: MAYDAY77 | 来源:发表于2021-12-20 16:34 被阅读0次

一、vue3.0比vue2.0快1.2～2倍

1、优化了diff算法：vue2.0是进行全量的比对vue3.0只对有静态标记（patchFlag）的元素进行比对；

2、静态提升 hoistStatic：vue2.0无论元素是否参与更新，每次都会重新创建再渲染，vue3.0中不参与更新的元素做静态提升，只创建一次，渲染时复用；

3、cacheHandlers事件侦听器缓存：默认情况下onclick方法会被视为动态绑定，静态标记为8，被多次使用时，相当于还是同一个函数，要去除静态标记8，缓存复用，提高性能；

4、ssr渲染：

二、vue3.0项目创建

1、webpack

2、vue-cli

3、Vite 利用es6 import会发送请求去加载文件的特性，拦截这些请求，做一些预编译，省去webpack冗长的打包时间。

数组的删除与新增

Vue3.0学习笔记
Vue3.0的六大亮点 Performance：性能比VUE2.x快1.2-2倍 Tree shaking sup...
vue3.0学习笔记
一、vue3.0比vue2.0快1.2～2倍 1、优化了diff算法：vue2.0是进行全量的比对vue3.0只对...
Vue3.0中文文档（Vue3 + TS学习资源路线）
Vue3.0 学习资源文档： Vue3.0 中文文档：https://www.vue3js.cn/docs/zh/...
vue3.0源码（一）
本次vue3.0源码是可以对vue3.0源码进行学习，这是测试代码 1.运行代码首先进入/package/runt...
Vue3.0的setup学习笔记
1、setup的理解 setup组件选项在组件创建前执行，一旦props被解析，并充当Composition AP...
切换环境切换不同的接口请求前缀
前几天Vue3.0正式发布，也说明了Vue3.0后面不会再有大规模改动，大家可以开始系统性学习了，虽然目前大多数公...
手动实现Vue(1.0)
现在vue3.0版本已经发布了，各种工具也已经对vue3.0做了支持，最近有时间，想学习下源码，这边文章主要是对v...
vue3.0数组清空与重新赋值
记个踩坑笔记 vue3.0里面，如果数组是用reactive()声明的，要清空数组得用list.length = ...
Vue3.0入门指南
第一章、走进Vue3.0 2-1、下载Vue3.0的单文件核心库 vue3.0 源码下载地址: https://u...
vue3.0 笔记
在Vue 3.0源代码版本中，98%代码由Typescript编写,同时也是 vue 3.0 最重要的一些新特性，...