Vue 3 迁移指南 #

本指南主要针对有 Vue 2 经验的用户，他们希望了解 Vue 2 和 Vue 3 之间的变化。在使用 Vue 3 之前，你不需要从头到尾阅读这篇文章。学习 Vue 3 的推荐方法是阅读新的文档。

Get the free Migration Guide Cheat Sheet at VueMastery.com

值得注意的新特性 #

Vue 3 中需要关注的一些新特性包括:

• 组合式 API*
• 单文件组件，组合式 API 语法糖 (<script setup>)*
• Teleport 组件
• Fragments 片段
• Emits 组件选项**
• createRenderer API from @vue/runtime-core 用来创建自定义渲染函数
• 单文件组件，状态绑定 CSS 变量(v-bind in <style>)*
• SFC <style scoped> 新增全局规则和针对插槽内容规则
• Suspense ^实验性

_{* 现在也支持在 Vue 2.7
** Vue 2.7 中支持, 但仅用于类型推断}

非兼容性改变 #

列出了 Vue 2 和 Vue 3 之间的非兼容性更改 这里。

新的框架级别推荐 #

列出了新的框架级建议 这里。

迁移构建 #

如果您有一个现有的 Vue 2 项目或库，并打算将其升级到 Vue 3，我们将提供一个 Vue 3 的构建版本，它提供与 Vue 2 兼容的 api。查看 迁移构建 页面了解更多细节。