0
点赞
收藏
分享

微信扫一扫

Vue2.js迁移到Vue3.js的API变化

圣杰 2022-08-28 阅读 65


Vue2.js迁移到Vue3.js的API变化,​​-​​表示移除

Vue2.js

Vue3.js

new Vue()

createApp()

Vue.extend

defineComponent or extends

Vue.prototype

app.config.globalProperties

Vue.set

-

Vue.delete

-

Vue.observable

reactive

config.keyCodes

-

vm.$set

-

vm.$delete

-

vm.$on

-

vm.$off

-

vm.$once

-

vm.$children

-

vm.$listeners

-

hook:x

-

vm.$scopedSlots

-

vm.$slots

now exposes functions

$attrs

now includes class and style

data

must be a function in all cases

data

from mixin or extension is now shallow merged

beforeDestroy

beforeUnmount

destroyed

unmounted

v-on

no longer supports keyCode modifiers

-

watching an array no longer triggers on mutation unless deep

-

Custom directive hook names changed

-

No longer removes attribute if binding value is boolean false

-

No longer special case enumerated attributes

​<transition-group>​

no longer renders a root element by default

-

Async component API changed (now requires defineAsyncComponent)

-

Functional component API changed (now must be plain functions)

-

Component v-model reworked

-

Render function API changed

-

Filters removed (this option affects only runtime filter APIs)

-

is usage is now restricted to ​​<component>​​ only

v-bind.sync

replaced by v-model with arguments

v-bind.prop

modifier removed

v-bind=“object”

is now order sensitive

v-on.native

modifier removed

-

ref in v-for (compiler support)

​<template>​

with no special directives now renders as native element

-

filters (compiler support)

参考
​​​https://v3-migration.vuejs.org/migration-build.html#fully-compatible​​


举报

相关推荐

0 条评论