vue3,封装一个函数式组件

963 阅读1分钟

一:函数式组件优点:

答:函数式组件灵活,使用起来方便。

二:准备封装的函数组件功能:

答:调用该函数组件会弹出消息框。

三:前置准备:

答:
1message.vue(作用:这个组件里面有消息提示框的样式)
2:vue3 中的 createVNode方法:(作用:将message.vue转化为虚拟dom。两个参数:createVNode(将谁变为虚拟dom,给这个虚拟dom传属性))
3render方法:(作用:将虚拟dom转化为真实的dom。两个参数:render(将谁变为真实的dom,把真实的dom挂载到哪))

四:代码落地

有问题的欢迎留言哈!!!