vue学习19：使用插槽

最新推荐文章于 2022-01-03 22:08:50 发布

simoonQian

最新推荐文章于 2022-01-03 22:08:50 发布

阅读量151

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/weixin_40814356/article/details/80225845

版权

web前端专栏收录该内容

51 篇文章 2 订阅

订阅专栏

插槽的使用场景：

子组件中，显示一段内容，这一段内容不是子组件决定的，而是由父组件决定的。

<div id="app">
        <bcontent>
            <p>I am Slot</p>
        </bcontent>
    </div>
    <script>
        var bcontent = {
            template:  `<div>
                            我是插槽
                            <slot></slot>
                        </div>`
        }
        var app = new Vue({
            el: '#app',
            components: {
                bcontent
            }
        })