我是靠谱客的博主 听话铃铛,最近开发中收集的这篇文章主要介绍vue3:setup的两个注意点详解,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

在vue2中

父组件传属性给子组件


子组件接收属性


如果没有接收,则需要在$attrs里才能收到,缺点是没有对类型作限制,以及使用的时候名字比较长


使用的时候名字比较长

vue2,父组件在子组件里使用插槽

打印插槽里的内容


如果父组件使用了子组件2个插槽



父组件在子组件使用具名插槽

在vue3中

setup的注意点

setup生命周期在beforecreated之前


setup可以拿到两个参数,props和context

给子组件传2个属性

打印context

context.attrs

与vue2类似,如果只声明部分,则剩下的在attrs属性里面

context.emit

给子组件添加监听事件


context.slot


如果传一个具名插槽


或者(推荐这种)


打印


如果传2个具名插槽


总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注靠谱客的更多内容!

最后

以上就是听话铃铛为你收集整理的vue3:setup的两个注意点详解的全部内容,希望文章能够帮你解决vue3:setup的两个注意点详解所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(130)

评论列表共有 0 条评论

立即
投稿
返回
顶部