0
点赞
收藏
分享

微信扫一扫

(10) vue 插槽

sin信仰 2022-12-08 阅读 112

1.基本使用

<div id="components-v">
<markk></markk>
<markk><button>你好</button></markk>
<markk></markk>
</div>

<script>
Vue.component('markk', {
template: '<div style="margin-bottom:20px"><div>hello</div><slot></slot><div>world</div></div>'
}
)
new Vue({
el: '#components-v'
})
</script>

 

2.默认值

 

3.多个标签放入同一个插槽的显示情况



举报

相关推荐

0 条评论