Vue3移除的API
按键修饰符
- 不再支持keycode作为v-on的修饰符
- 不再支持config.keyCode
$on,$off 和 $once 实例方法被移除
在vue2.x中,可以通过指令方式添加处理函数($on, $once, $off), 这可以创建event hub,用来创建在整个应用程序中可用的全局事件监听器
在Vue3中,从实例中完全移除了 $on、$off 和 $once 方法。$emit 仍然包含于现有的 API 中,因为它用于触发由父组件声明式添加的事件处理函数
删除过滤器
在 3.x 中,过滤器已删除,不再支持。可以使用计算属性或调用方法替换他们
$destory实例方法已删除
$children 已移除
$children 实例 property 已从 Vue 3.0 中移除,不再支持。
<template>
<div>
![](./assets/logo.png)
<my-button>Change logo</my-button>
</div>
</template>
<script>
import MyButton from './MyButton'
export default {
components: {
MyButton
},
mounted() {
console.log(this.$children) // [VueComponent]
}
}
</script>
在vue3中,如果要访问子组件实例,建议使用$refs