Vue3相比Vue2在性能、开发体验和组件化方面都有所提升。以下是Vue3相对于Vue2的一些重要改进和新增功能：

性能提升

Vue3在性能方面有了很大的提升，其中最显著的是使用了Proxy代替Object.defineProperty来实现响应式，这样可以减少大量的getter和setter操作，提高渲染效率。另外，Vue3还引入了静态树提升（Static Tree Hoisting）和Fragments等优化，可以显著提高渲染性能。

Composition API

Vue3引入了Composition API，可以让开发者更好的组织组件的逻辑代码，将相关的逻辑代码放在一个函数中，更加灵活地组合和复用逻辑代码。使用Composition API的例子如下：

<template>
  <div>{{ count }}</div>
</template>

<script>
import { reactive, computed } from 'vue'

export default {
  setup() {
    const state = reactive({
      count: 0
    })

    const double = computed(() => state.count * 2)

    function increment() {
      state.count++
    }

    return {
      state,
      double,
      increment
    }
  }
}
</script>

Teleport组件

Teleport是Vue3中新增的一个组件，它允许我们将一个组件的内容传送到DOM树的另一个位置，解决了Vue2中无法在组件外部使用Portal的问题。Teleport可以用于在全局创建模态框、弹出式菜单、通知、提示等组件。：

Teleport的语法如下：

<teleport to="选择器">
  <!-- 需要传送到其他位置的内容 -->
</teleport>

其中，to属性指定需要传送到的位置，可以使用CSS选择器、Element实例或DocumentFragment实例。需要传送到其他位置的内容可以是任何类型的内容，包括HTML标记和组件。

下面是一个使用Teleport实现模态框的例子：

<!-- App.vue -->
<template>
  <div class="container">
    <button @click="showModal = true">打开模态框</button>
    <teleport to="body">
      <Modal v-if="showModal" @close="showModal = false">
        <h2>模态框标题</h2>
        <p>模态框内容</p>
      </Modal>
    </teleport>
  </div>
</template>

<script>
import Modal from './components/Modal.vue';

export default {
  components: {
    Modal
  },
  data() {
    return {
      showModal: false
    };
  }
};
</script>

<!-- Modal.vue -->
<template>
  <div class="modal">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">{{ title }}</h5>
          <button type="button" class="close" @click="$emit('close')">
            <span>×</span>
          </button>
        </div>
        <div class="modal-body">
          <slot></slot>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: '模态框'
    }
  }
};
</script>

在上面的例子中，我们使用Teleport将Modal组件的内容传送到了body标签下，这样Modal组件就可以在全局创建，而不需要在每个组件中都写一遍Modal组件的代码。同时，我们在Modal组件中定义了一个close事件，通过$emit方法将事件传递到父组件App.vue中，从而实现了关闭模态框的功能。

其他新增功能

Vue3还新增了一些方便开发的功能，比如Suspense组件用于异步组件加载、多个v-model绑定、多个插槽别名、动态组件和全局API的改变等等。

总的来说，Vue3相比Vue2在性能和开发体验方面都有所提升，同时还引入了一些新的功能和优化，使得Vue更加强大和易用。