vue scoped slots example1

1070106

by Syuan Shih

HTML

<div id="app">
    <child>
        <template scope="props">
            <p>{{ props.text }}</p>
        </template>
    </child>
</div>

JavaScript

Vue.component('child', {
		template: `<div>
    							<slot text="This is a text from slot."></slot>	
    					<div>`
})

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