Vue3.0 主要通过以下几个方面体现了性能提升：

响应式系统的优化
Vue3.0 对响应式系统进行了重构和优化，将 Proxy 替换掉了原先的 Object.defineProperty，从而使得响应式系统更加高效、更加灵活。

下面是一个 Vue3.0 中使用 Proxy 的示例代码：

import { reactive } from 'vue'
const state = reactive({
  count: 0
})
console.log(state.count) // 0
state.count++
console.log(state.count) // 1

编译器的优化
Vue3.0 优化了编译器，将模板编译成更加高效的渲染函数，从而减少了不必要的运行时开销。同时，编译器也支持了更多的语法特性，如 Fragment、Teleport 等。

下面是一个 Vue3.0 中使用 Fragment 和 Teleport 的示例代码：

<template>
  <Fragment>
    <h1>Header</h1>
    <Teleport to="body">
      <p>Hello World</p>
    </Teleport>
    <h2>Footer</h2>
  </Fragment>
</template>

组件实例的缓存
Vue3.0 通过缓存组件实例，减少了组件的创建和销毁，从而提高了性能。这一特性在开发中是默认开启的，不需要手动配置。

静态节点的提取
Vue3.0 在编译阶段，会对静态节点进行提取和优化，从而减少了不必要的渲染。这一特性在开发中是默认开启的，不需要手动配置。

以上是 Vue3.0 主要的性能优化点，通过这些优化，Vue3.0 在性能方面有了很大的提升。