var Child = {
// 声明 props
props: ['message'],
// 就像 data 一样，prop 也可以在模板中使用
// 同样也可以在 vm 实例中通过 this.message 来使用
template: '<span>{{ message }}</span>'
}
new Vue({
el: "#app",
components:{
child:Child
},
data() {
return {
input: '',
msg: 'message'
}
},
});
<div id="app"> <input type="text" v-model="msg" /> <br /> <child :message="msg"></child> </div>