html
|
1 2 3 4 |
<div id="demo"> <input v-model="inputValue"> <comp-child v-bind:message="inputValue"></comp-child> </div> |
app.js
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
import Vue from 'vue'; Vue.component('comp-child', { template: `<p>入力した内容は {{ message }}</p>`, props: ['message'] }) const demo = new Vue({ el: '#demo', data: { inputValue: '' } }); |
実行結果
Vue.js サンプルプログラム集:
Dev
ex.prettytabby.com
