console
Vue.component('comp1',{
template:'\
<div class="form-group">\
<span>output:{{model.name}}</span>\
</div>',
props:['model'],
data(){
return {
cfg:{
}
}
}
})
Vue.component('comp2',{
template:'\
<div class="form-group">\
config:<input type="text" placeholder="input" :model="model.name"/>\
</div>',
props:['model'],
data(){
return {
cfg:{
}
}
}
})
new Vue({
el:'#demo',
data(){
return {
model:{
name:"wind"
}
}
}
})
<div id="demo">
<comp1 name="comp1" type="text" :model="model"></comp1>
<comp2 name="comp2" type="text" :model="model"></comp2>
</div>