vue3.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冗长的打包时间。

数组的删除与新增