fengmoliu

导航

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

posted on 2022-05-28 21:06  冯沫流  阅读(365)  评论(0编辑  收藏  举报