Vue.js 3.0“一件”发布

标题是“ One Piece”漫画的参考，该漫画讲述的是一个想要成为海盗王的人。翻译

今天，我们很自豪地宣布Vue 3.0“ One Piece”正式发布。这是该框架的新主版本，具有改进的性能，更小的尺寸，更好的TypeScript支持，用于大型项目的新API （对于中型项目，您可以摆脱vuex）以及为将来的平台迭代打下坚实的基础。

3.0版是经过两年多的开发工作，拥有30多个RFC，2600多个提交，来自99个贡献者的628个拉取请求以及主要存储库之外的大量开发和文档工作。我们要对团队成员的这项工作表示最深切的谢意，对于请求请求的贡献者，对财务支持的赞助者，以及对参与设计讨论以及对预发行版本的反馈的社区表示最深切的感谢。Vue是为社区构建的并由社区支持的独立项目，如果没有您的持续支持，Vue 3.0将无法实现。

发展“渐进框架”概念

Vue : , , . , , . , « »: , , .

Vue 1,3 ( Chrome Vue Devtools Google) ( , firefox, . .) , Vue , "" , , . Vue 3 .

Vue 3.0 CDN <script>, . , tree-shaking.

API, :

• (AST) ,

• API , , , , , WebGL . DOM- API

• @vue/reactivity , Vue, . (, lit-html) .

API

API 2.x Vue 3. 3.0 Composition API - API, Vue . Composition API API . , React, ( API 2.x).

Composition API Vue 2.x @vue/composition-api, Composition API, Vue 2, 3 (, vueuse, vue-composable).

Vue 3 Vue 2: ( 41% tree-shaking), ( 55% ) ( 133% ), ( 54% ).

Vue 3 « DOM » (compiler-informed Virtual DOM, - , . .): -, , , , (flatten, . .) . : -, .

TypeScript

Vue 3 TypeScript , , . Composition API . Vetur, VSCode, (props . .) Vue 3. , TSX, .

(SFC, .vue):

• <script setup>: Composition API

• <style vars>: CSS-,

Vue 3.0, . , RFC .

<Suspense>, ( async setup()) (v-if ..). Nuxt.js (Nuxt 3 ) , , 3.1.

3.0 . , ( , vue router Vuex ), Vue 3 . Vue 3.

Vue 3 .

IE11

( v3 , v2 + ) IE11 - . 4 2020 . v2 IE11, .

:

• IE11

• Router Vuex

• Vetur

- , GitHub npm Vue 3 , Vue, next. , npm install vue - Vue 2.x, npm install vue@next Vue 3. 2020 , 3.0.

2.7, 2.x. 2.7 3 API, / 3, . 2.7 2021 . LTS- 18 .

尝试

您可以在新网站上阅读有关Vue 3.0的更多信息。如果您已经是Vue 2.x用户，则直接跳至“迁移”部分。