Document
`,
`,
Vue.component('parentComponent',{
name:'parentComponent',
template:`
{{content}}
data(){
return {
content:"我是父组件",
content2:"我是子组件2"
}
},
methods:{
handleUpdate(val){
this.content=val
}
}
})
Vue.component('childComponent',{
name:'childComponent',
template:`
{{mdata}}
按钮
props:{
mdata:String
},
methods:{
handleClick(){
this.$emit('update','我要修改父组件的content')
}
}
})
// 根组件
var app=new Vue({
el:'#app'
})
一键复制
编辑
Web IDE
原始数据
按行查看
历史