vue single slot

1070106

by Syuan Shih

HTML

<div id="app">
    <p>當父元件有指定資料時：<child>HELLO WORLD</child></p>
    <p>當父元件沒有指定資料時：<child></child></p>
</div>

JavaScript

Vue.component('child', {
		template: '<span><slot>This is a default single slot.</slot></span>'
})

new Vue ({
		el: '#app'
})