欢迎光临散文网 会员登陆 & 注册

vue3作用域插槽

2021-07-28 16:42 作者:忘魂儿  | 我要投稿

vue2作用域插槽

vue3作用域插槽

要是想指定是哪个插槽并给它的作用域起名(也就是具名插槽和作用域插槽同时使用

进一步简写

你说为什么要引入作用域插槽呢?

要我说你想要的数据都在插槽的定义者里面,而现在我,也就是插槽的使用者,我需要你的数据,在我这儿展示。可能有的人就会说了,那你直接用组件的自定义事件(emit)传参,传给我不就行了,可是咱的目的不是在插槽的使用者那里接收参数并保存到自身的指定属性上,我们只需要操作插槽定义者里的数据而已

那么接下来说说如何给插槽的使用者传递数据,而这个数据又何去何从

现在HomeView是父组件,Child是子组件,前者是插槽的使用者,后者是插槽的定义者

插槽的定义者中

插槽的使用者中

说白了,有点像props父传子,只不过我们这里是将插槽的定义者的数据传递给插槽的使用者,而所有传的数据都在插槽的使用者命名的域中,通过这个域去拿指定的数据


vue3作用域插槽的评论 (共 条)

分享到微博请遵守国家法律