3

1.v-model语法糖废弃,改用 modelValue

<input v-model="value" />

<input modelValue="value" />

2.弃用全局API new Vue ,使用 createApp

const app = Vue.createApp({})

3.弃用Vue.prototype,在Vue3中,我们可以使用如下定义方式

const app = Vue.createApp({})
app.config.globalProperties.$http = () => {}

4.全局方法现在全部在app实例上,例如:

`app.directive`,`app.use`等

5.现在你需要手动挂载根节点

app.mount("#app")

6.不能再使用Vue.nextTick/this.$nextTick,Vue3中你可以用:

import { nextTick } from 'vue'
nextTick(() => {
  // something
})

7.Vue3允许template设置key

8.正式弃用scopedSlots正式弃用,旧的不去新的不来。

9.监听数组变化需要使用deep属性,否则只能监听到整个数组被替换。

10.弃用$children,访问子组件可以使用$ref

11.filter被移除,我X,不能再使用|了。

12.移除事件API,$on,$once,$off不再使用。EventBus方法也不再使用。


小袁同学
4 声望0 粉丝