这篇文章主要介绍了vue中的slot使用插槽分发内容的方法,现在分享给大家,也给大家做个参考。
也有人说:props可以将数据从父组件传入子组件,slot可以将html从父组件传入子组件。那么如何实现呢?
单个插槽:
我是父组件的标题
这是一些初始内容
立即学习“前端免费学习笔记(深入)”;
这是更多的初始内容
组件中的模板中写入slot标签,在父级调用子组件的时候传入html即可。
具名插槽:
这里可能是一个页面标题
主要内容的一个段落。
另一个主要段落。
PHP与MySQL程序设计3
本书是全面讲述PHP与MySQL的经典之作,书中不但全面介绍了两种技术的核心特性,还讲解了如何高效地结合这两种技术构建健壮的数据驱动的应用程序。本书涵盖了两种技术新版本中出现的最新特性,书中大量实际的示例和深入的分析均来自于作者在这方面多年的专业经验,可用于解决开发者在实际中所面临的各种挑战。
本书内容全面深入,适合各层次PHP和MySQL开发人员阅读,既是优秀的学习教程,也可用作参考手册。
下载
这里有一些联系信息
具名插槽,顾名思义当有多个slot标签时,你需要给他们起个自己的名字,在父组件调用时需要slot="内部的对应名字",当存在没有命名的slot标签时,父级组件传入的默认html代码将全部输出在无名的slot标签中。
作用域插槽
hello from parent
{{ props.text }}
作用域插槽是一种特殊类型的插槽,用作一个 (能被传递数据的) 可重用模板,来代替已经渲染好的元素。
其实就是相当于,在父组件中可以获取到子组件传递出来的props对象,从而渲染到父组件上。
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:









