详解vue3中组件的非兼容变更

函数式组件

functional attribute 在单文件组件 (sfc) <template> 已被移除
{ functional: true } 选项在通过函数创建组件已被移除

现在在 vue 3 中，所有的函数式组件都是用普通函数创建的，换句话说，不需要定义 { functional: true } 组件选项。
他们将接收两个参数：props 和 context。context 参数是一个对象，包含组件的 attrs，slots，和 emit property。
此外，现在不是在 render 函数中隐式提供 h，而是全局导入 h。
使用前面提到的 <dynamic-heading> 组件的示例，下面是它现在的样子。

主要区别在于

异步组件的写法与defineasynccomponent方法

现在使用defineasynccomponent助手方法，用于显示的定义异步组件
component选项重命名为loader
loader函数本身不再接受resolve和rejuct参数，必须返回一个promise

loader函数不再接收resolve和reject参数，且必须始终返回promise

组件事件需要在emits选项中声明

vue3中现在提供了一个emits选项，类似props选项
此选项可以用于定义组件向其父对象发出的事件

以上就是详解vue3中组件的非兼容变更的详细内容，更多关于vue3中组件的非兼容变更的资料请关注www.887551.com其它相关文章！