2022-11-21 vue3有哪些新增特性? - 码农知识堂 - 文章详情页

2022-11-21 vue3有哪些新增特性?
文章目录
- 一.vue3快速上手
  
  1.vue3带来了什么?
  
  性能的提升
  
  源码的升级
  
  更好地支持Typescript
  
  新的特性
  
  特性1.Composition API(组合API)
  
  特性2.新的内置组件
  
  特性3.其他改变
  
  2.vite
  
  vite是新一代前端构建工具,有如下优势
  
  [使用vite创建一个vue3项目:`create-vite-app vue3_vite`](https://blog.csdn.net/x550392236/article/details/120323139)
  
  对比:使用脚手架vue-cli创建项目:`vue create 项目名称`
  
  3.vue3项目文件与vue2的区别
  
  vue.config.js:配置内容和vue2.0的一样，也就是webpack配置
  
  main.js 只有三行代码
  
  app.vue:在vue文件中不再需要使用根节点
  
  二.常用的组合式(Composition)API:setup,ref,reactive
  
  1.setup函数:其返回值为一个对象，该对象内容可以直接被使用
  
  setup配置项的使用
  
  2.ref函数:实现数据响应式
  
  ref函数的使用
  
  3.reactive函数:定义一个对象类型的响应式数据
  
  reactive函数的使用
一.vue3快速上手

1.vue3带来了什么?

性能的提升
```
打包大小减少41%
初次渲染快55%,更新渲染快133%
内存占比少54%
1
2
3
```
源码的升级
```
使用Proxy代替defineProperty实现响应式
重写虚拟DOM的实现和Tree-Shaking,用于去除未使用的JS代码
1
2
```
更好地支持Typescript

新的特性

特性1.Composition API(组合API)
```
setup配置
ref和reactive
watch和watchEffect
provide和inject
1
2
3
4
```
特性2.新的内置组件
```
Fragment
Teleport
Susponse
1
2
3
```
特性3.其他改变
```
新的生命周期钩
```
相关阅读:
MySQL索引失效
 tensorrt deeplabv3+ 部署踩坑
 基于springboot实现基于Java的超市进销存系统项目【项目源码+论文说明】计算机毕业设计
 MYSQL——JBDC实现增删改查
 正版授权| iObit Uninstaller 12 Pro 专业卸载器工具
 docker（一）：Develop faster. Run anywhere.
代码随想录 Day-45｜#139 单词拆分
 我有点想用JDK17了
 Unity按钮无反应
 vue中含有iframe的页面如何避免路由切换时keep-alive不起作用
原文地址：https://blog.csdn.net/rowlet/article/details/127970167