vue3 ref函数（Vue3的优点，为什么要使用Vue3）

1.为什么要使用Vue3：

这里主要通过介绍Vue3的优点以及与Vue2的对比来解答这个问题 
  
  
  
  
  
  
  
  
  。

Vue3的六大亮点

1.性能比Vue2快1.2~2倍；

性能的提升主要是通过响应式系统的提升（vue3使用proxy对象重写响应式）以及编译优化（优化编译和重写虚拟dom                  、优化diff算法）来完成
  
  
  
  
  
  
  
  
  
。

2.Vue3 按需编译 
  
  
  
  
  
  
  
  
  ，体积比Vue2更小；

相比Vue2
  
  
  
  
  
  
  
  
  
，Vue3整体体积变小了
 


 


 


 


 


 


 


 


 

，除了移出一些不常用的API 
 
 
 
 
 
 
 
 
 ，再重要的是Tree shanking任何一个函数
   
   
   
   
   
   
   
   
   
，如ref 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 、reactive


















、computed等
 

 

 

 

 

 

 

 

 
，仅仅在用到的时候才打包 

 

 

 

 

 

 

 

 

 ，没用到的模块都被去掉                  ，打包的整体体积变小

3.支持组合API（Composition Api）；

vue2使用Options Api（选项api）

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 
，而vue3使用Composition Api（组合api）

Options Api

Options Api 条例清晰,相同的放在相同的地方;但随着组件功能的增大,关联性会大大降低,组件的阅读和理解难度会增加;

Composition Api

Composition Api组件根据逻辑功能来组织的

















，一个功能所定义的所有 API 会放在一起（更加的高内聚                            ，低耦合）
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
，即使项目很大


























，功能很多                   ，我们都能快速的定位到这个功能所用到的所有 API
 


 


 


 


 


 


 


 


 

。

4.更好的支持TS

完全良好的支持了TypeScript 
 
 
 
 
 
 
 
 
 。类型校验成为了Vue3进行大型项目开发的质量保障
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
，同时这也是面向了前端的未来趋势

5.暴露了自定义渲染的API

6.提供了更先进的组件

Frament（片段）组件 
  
  
  
  
  
  
  
  
 、Teleport（传送）组件 
  
  
  
  
  
  
  
  
  、suspense（暂停）组件