Vue3移除的API

Vue3移除的API

按键修饰符

• 不再支持keycode作为v-on的修饰符
• 不再支持config.keyCode

$on，$off 和 $once 实例方法被移除

在vue2.x中，可以通过指令方式添加处理函数（$on, $once, $off）, 这可以创建event hub，用来创建在整个应用程序中可用的全局事件监听器

// vue2.x

// eventHub.js
const eventHub = new Vue()

export default eventHub

// ChildComponent.vue
import eventHub from './eventHub'

export default {
  mounted() {
    eventHub.$on('custom-event', () => {
      console.log('Custom event triggered!')
    })
  },
  beforeDestory() {
    eventHub.$off('custom-event')
  }
}

// ParentComponent.vue
import eventHub from './eventHub'

export default {
  methods: {
    callGlobalCustomEvent() {
      eventHub.$emit('custom-event')
      // 当 ChildComponent 被挂载，控制台中将显示一条消息
    }
  }
}

在Vue3中，从实例中完全移除了 $on、$off 和 $once 方法。$emit 仍然包含于现有的 API 中，因为它用于触发由父组件声明式添加的事件处理函数

删除过滤器

在 3.x 中，过滤器已删除，不再支持。可以使用计算属性或调用方法替换他们

内联模板Attribute

移除内联特性

  

    
它们被编译为组件自己的模板
    
不是父级所包含的内容。
  

vue3中已移除，不再支持

$children 已移除

$children 实例 property 已从 Vue 3.0 中移除，不再支持。

在vue3中，如果要访问子组件实例，建议使用$refs

$destory实例方法已删除

用户不应再手动管理单个 Vue 组件的生命周期。