跳至主要內容

Vue3晋级

yyshino小于 1 分钟

API风格

区别:https://cn.vuejs.org/guide/introduction.html#single-file-componentsopen in new window

选项式

组合式 setup

Object.defineProperty => Proxy

支持数组和对象的响应式操作

vue3 生命周期

https://cn.vuejs.org/assets/lifecycle.16e4c08e.png

setup()中的生命周期

在之前加上 on

image-20220906133131981

新增特性

teleport

Suspense

Vue3 全局变化

全局配置

Vue.config ===> app.config

config.productionTip被删除

config.ignoredElements 改名为 config.isCustomElement

config.keyCodes 被删除

全局注册类API

Vue.component ===> app.component

Vue.directive ===> app.directive

行为扩展类API

Vue.mixin ===> app.mixin

Vue.use ===> app.use