/**父组件向子组件传递参数：props**/
Vue.component("child1",{
props:["text"],
template:`
<span>{{this.text}}</span>
`
})
var vm1 = new Vue({
el:"#app1",
data:{
context:""
}
//,
// components:{
// "child1":{
// props:["text"],
// template:`
// <span>{{this.text}}</span>
// `
// }
//}
})
<!--父组件向子组件传递参数：props-->
<h3>父组件向子组件传递参数：props</h3>
<div id="app1">
<div>父组件<input type="text" v-model="context" /></div>
<div>子组件<child1 :text="context"></child1></div>
</div>