凯发真人娱乐

vue.js中的slot -凯发真人娱乐

2023-08-17,,

一、slot 的作用

调用组件的时候,对于数据,我们会用props将数据从父组件传至子组件。但是,如果从父组件到子组件,单纯是页面局部渲染的改变,slot会更合适。

二、使用slot

1.在组件中使用slot预留位置(占位置)

使用slot在html文件中预留位置,并用name冠上姓名。




2.在父组件中用slot传送内容(放东西)

这里将打了slot标记的内容传送到子组件对应name的slot中。

格式 :内容



3.预览


三、其他

在子组件中定义了slot,但是在父组件中没有使用slot,那么子组件中slot将会默认为不显示。因为只是占有了位置,真正的内容并没有传到。

vue.js中的slot的相关教程结束。

网站地图