1. 创建新实例的形式从vue 2 new Vue() 变为 createApp()

   在新的API下，调用 createApp 将返回一个新的app实例，该实例不会被应用于其他实例的任何全局配置污染。

2. 组件的多根模板，Vue 3不再强制一个组件的 Template 中只能有一个根节点

3. 使用Composition API进行重构，向下兼容Options Api

   Composition API为了更方便大型vue项目后期的代码维护，它将模块代码放在一起

   setup函数、ref、reactive、toRefs、watch、watchEffect

4. Teleport 将代码放到其他标签的位置，比如将modal模态框放到body下

5. Scoped Style Api： ::v-deep 、 ::v-global、 ..aaa :deep(.ant-class-name)

6. 新的 emits 组件可以像 props 一样显示地声明到组件上

props: {

}

const emit = defineEmits([’change’])

emit(’change’, ‘xxx’)

生命周期改名

1. destroyed 生命周期选项被重命名为 unmounted
2. beforeDestroy 生命周期选项被重命名为 beforeUnmount

自定义指令钩子改名

现在自定义指令的钩子已经和vue生命周期名称保持一致。

• bind → beforeMount