# 介绍

提示

刚接触 Vue.js?先从基础指南开始吧。

本指南主要是为有 Vue 2 经验的用户希望了解 Vue 3 的新功能和更改而提供的。在试用 Vue 3 之前,你不必从头阅读这些内容。虽然看起来有很多变化,但很多你已经了解和喜欢 Vue 的部分仍是一样的。不过我们希望尽可能全面,并为每处变化提供详细的例子。

# 概览


开始学习 Vue 3 Vue Mastery(opens new window)

# 快速开始

# 值得注意的新特性

Vue 3 中需要关注的一些新功能包括:

# 非兼容的变更

提示

我们仍在开发 Vue 3 的专用迁移版本,该版本的行为与 Vue 2 兼容,运行时警告不兼容。如果你计划迁移一个非常重要的 Vue 2 应用程序,我们强烈建议你等待迁移版本完成以获得更流畅的体验。

下面列出了从 2.x 开始的重大更改:

# 全局 API

# 模板指令

# 组件

# 渲染函数

# 自定义元素

# 其他小改变

# 移除 API

# 官方支持的库

我们所有的官方库和工具现在都支持 Vue 3,但其中一些仍处于测试版或候选发布状态。你可以在下面找到各个库的详细信息。大多数库目前使用 npm 上的 next dist 标签发布。我们打算在所有官方库有了兼容的稳定版本后,就改用 latest 标签。

# Vue CLI

从 v4.5.0 开始,vue-cli 现在提供了内置选项,可在创建新项目时选择 Vue 3。现在可以升级 vue-cli 并运行 vue create 来创建 Vue 3 项目。

# Vue Router

Vue Router 4.0 提供了 Vue 3 支持,并有许多突破性的变化,查看迁移指南(opens new window) 获取完整的细节。

# Vuex

Vuex 4.0 提供了 Vue 3 支持,其 API 与 3.x 基本相同。唯一的突破性变化是插件的安装方式(opens new window)

# Devtools Extension

我们正在开发一个新版本的 Devtools,它有一个新的 UI 和经过重构的内部结构,以支持多个 Vue 版本。新版本目前处于测试阶段,目前只支持 Vue 3。Vuex 和路由器的集成也在进行中。

# IDE 支持

推荐使用 VSCode(opens new window) 和我们官方拓展 Vetur(opens new window) ,它为 Vue 3 提供了全面的 IDE 支持

# 其他项目

项目 npm 仓库
@vue/babel-plugin-jsx rc(opens new window) [Github(opens new window) ]
eslint-plugin-vue beta(opens new window) [Github(opens new window) ]
@vue/test-utils beta(opens new window) [Github(opens new window) ]
vue-class-component beta(opens new window) [Github(opens new window) ]
vue-loader rc(opens new window) [Github(opens new window) ]
rollup-plugin-vue beta(opens new window) [Github(opens new window) ]

提示

想了解更多关于 Vue 3 的库和插件的兼容性信息,请务必查看 awesome-vue 中的这个 issue(opens new window)