一起来揭开Vue 3.0的One Piece神vue+vite新体验

 

前言

 

2020年9月19日凌晨，尤雨溪大大正式发布了3.0版本，代号：One Piece。

 

vue从一开始就是以快速上手的特性被众多开发者欢迎的框架。在随着使用者的逐渐增多，框架的规范也在不断扩大，以适应不断增长的需求。随着时间的推移，它成为了所谓的“渐进式框架”：一个可以逐步学习和采用的框架，同时随着用户应对越来越多的需求场景而提供持续的支持。

 

首先

3.0版本的特点  

1. 在Vue3中，基于对象的 2.x API 基本没有变化，3.0 还引入了 [Composition API]，旨在解决 Vue 在大规模应用中的使用痛点，实现了类似于 React 钩子的逻辑组成和重用，比 2.x 基于对象的 API 更灵活的代码组织模式和更可靠的类型推理。

2. Vue3与Vue2相比，在捆绑大小 (tree-shaking 时减少了 41%)、初始渲染 (快了 55%)、更新 (快了 133%) 和内存使用 (少了 54%) 方面都有[显著的性能提升]。

3. Vue3的代码库是用 TypeScript 编写的，具有自动生成，测试和捆绑的类型定义，因此它们始终是最新的。Composition API 可以很好地处理类型推断。Vetur 是我们的官方 VSCode 扩展，现在利用 Vue 3 改进的内部键入功能支持模板表达式和 props 类型检查。哦，如果您愿意，Vue 3 的打字完全支持 TSX。

4. 为单文件组件 (SFC，即 `.vue` 文件) 提出了两个新特性：`

    

   computed：

   声明：

   

   效果：

   

    

   watchEffect

   声明：

   

   效果：

   

    

   04 组件系统  

   全局注册

   App.vue

   

    

   main.js

   

    

   局部注册

   App.vue

   

    

   props

   

    

    

    

    

   - END -

    

   
    

   本篇到此结束

   想必您还没有看够吧

   想了解更多的关于vite和vue3.0的技术

   请持续关注我们

   

   如果您比较着急想更快的了解，也可以去官方文档

   官方文档：https://github.com/vuejs/rfcs/blob/sfc-improvements/active-rfcs/0000-sfc-script-setup.md