LLEARNING NOTES

技术 · 思考 · 实践 · 成长

首页/Vue3/正文

Vue3.x系列--插槽的使用

Vue3623 次阅读

插槽


1、插槽的基本使用

vm.component('page',{
     template:'<div><slot></slot></div>'
})

page组件,使用div元素定义slot元素,理解为占位符


<div id="app">
    <page>注意,这里是组件的名称</page>
</div>

渲染组件时,这个内容会置换组件内部的<slot>元素

page组件中没有slot元素,那么<page>元素中的内容将不会渲染到页面


无论人生上到哪一层台阶,阶下有人在仰望你,阶上亦有人在俯视你,你抬头自卑,低头自得,唯有平视,才能看见真实的自己。

评论交流

理性讨论,共同进步
验证码

相关文章

继续阅读