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
方法也不再使用。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。