vue component props

1070105

by Syuan Shih

HTML

<div id="app">
    <child :name='data_name' message='I am a child.'></child>
</div>

JavaScript

Vue.component('child', {
    props: ['name', 'message'],
    template: `<p>
    							<font color=red>{{ name }}</font> says
    							<font color=red>{{ message }}</font>
               </p>`
})

var vm = new Vue ({
    el: '#app',
    data: {
    		data_name: 'Mary'
    }
})