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