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

千锋教育前端Vue3.0全套视频教程(Kerwin2023版,Vue.js零基础

2023-07-19 22:51 作者:bili_22373239270  | 我要投稿

1.什么是插槽

    插槽(Slot)是vue为组件的封装者提供的能力。允许开发者在封装组件Q时,把不确定的、希望由用户指定的部分定义为插槽。


2.体验插槽的基础用法

    在封装组件时,可以通过元素定义插槽,从而为用户预留内容占位符。

后备内容:如果组件的使用者没有为插槽提供任何内容,则后备内容(默认内容)会生效。


3.具名插槽

    如果在封装组件时需要预留多个插槽节点,则需要为每个插槽指定具体的 name名称。这种带有具体名称的插槽叫做具名插槽'"示例代码如下:


3.1为具名插槽提供内容

    在向具名插槽提供内容的时候,我们可以在一个元素上使用v-slotQ指令,并以v-slot的参数的形式提供其名称。


注意: v-slot指令,只能使用在组件里或template组件里


4.作用域插槽

    在封装组件的过程中,可以为预留的插槽绑定props数据,这种带有props数据的叫做”作用域插槽'。


4.2解构插槽

    可以使用解构赋值简化数据的接收过程。

千锋教育前端Vue3.0全套视频教程(Kerwin2023版,Vue.js零基础的评论 (共 条)

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