Vue.js 3.0，也被称为“Vue Next”，在设计上着眼于性能改进、类型安全以及更好的开发者体验。以下是一些 Vue 3 的主要新特性：

1. 性能优化

Vue 3 进行了一系列性能优化，包括更小的代码体积，更快的渲染速度和更少的内存使用。通过引入 Tree-Shaking，Vue 3 可以更有效地减少打包大小。此外，Vue 3 的 Virtual DOM 也进行了重写，引入了静态树提升、静态属性提升等优化手段，使得渲染更快。

2. 组合式API（Composition API）

Composition API 是 Vue 3 中的一项重大更新，提供了更灵活的代码组织方式。在 Vue 2 中，我们主要通过 Options API（data, methods, computed, watch等）来组织组件代码，但当组件复杂度增长时，相关的逻辑可能会被分散到组件的各个部分。Composition API 提供了一种可以将相同逻辑组合在一起的方法。

import { ref, computed } from 'vue'


export default {
  setup() {
    const count = ref(0)
    const increment = () => {
      count.value++
    }
    const double = computed(() => count.value * 2)


    return {
      count,
      increment,
      double
    }
  }
}

在这个例子中，我们定义了一个响应式的 count，并且定义了一个 increment 方法和一个 double 计算属性。

3. Teleport

Teleport 是 Vue 3 中的新特性，它可以将子组件渲染到 DOM 树的任何位置，而不仅仅是当前组件的范围内。

<teleport to="#end-of-body">
  <div>This will be teleported to #end-of-body</div>
</teleport>

4. Fragment

在 Vue 3 中，你可以在一个组件中返回多个根节点，这个特性叫做 Fragment。

<template>
  <div>First</div>
  <div>Second</div>
</template>

在 Vue 2 中，你必须包含一个根节点，但在 Vue 3 中，你可以返回多个根节点。

5. 更好的 TypeScript 支持

Vue 3 在设计时就考虑了对 TypeScript 的支持，因此在 Vue 3 中使用 TypeScript 会有更好的体验。

6. 树摇（Tree-shaking）支持：

Vue 3的大多数全局API和帮助器现在都是tree-shakable的，这意味着如果你不使用某些API，它们就不会包含在最终的构建中。这可以帮助减少应用程序的总体大小。

7. Suspense

这是一种新的组件，它可以等待异步依赖项，并在这些依赖项加载时显示备用内容。

以上是 Vue 3 的一些主要新特性，但是还有更多的特性等待你去探索，如更好的自定义指令 API，更好的错误处理等等。