Vue3知识点总结

本文总结了Vue3的主要特点和与Vue2的区别,包括性能提升、Compostion API的引入、setup函数的使用、生命周期变化等。Vue3通过Proxy实现响应式,支持tree-shaking,提供Fragment、Teleport、Suspense等新组件,同时调整了数据处理和生命周期钩子,为开发者带来更简洁的代码组织方式。
摘要由CSDN通过智能技术生成

Vue3官网:Vue.js - 渐进式 JavaScript 框架 | Vue.js

1、Vue3介绍

1.1、Vue3的特点

性能比Vue2.x快1.2~2倍

支持tree-shaking

引入了Compostion API

暴露了自定义渲染API

新增三个组件(Fragment、Teleport、Suspense)

1.2、性能的提升

打包大小减少41%

初次渲染快55%, 更新渲染快133%

内存减少54%

1.3、其他改变

新的生命周期钩子

data选项应始终被声明为一个函数

移除keyCode支持作为v-on的修饰符

2、Vue3与Vue2的不同之处

2.1、相对于Vue2做出了哪些改变

用proxy代替Object.defineproPerty,可以直接监听对象和数组的方法,并且有高达13种拦截方法

2.2、启动方式不同

 v3

import {createApp} from 'vue'
cr
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值