vue component dynamic prop

1070105

by Syuan Shih

HTML

<div id="app">
    <input type="text" v-model="message">
    <child :my-message="message"></child>
</div>

JavaScript

Vue.component('child', {
    props: ['myMessage'],
    template: '<p>{{ myMessage }}</p>'
})

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