父组件 parent.vue
<template>
<children :msg.sync="msg"></children>
</template>
<script>
import children from './children'
export default {
components:{
children
},
data(){
return {
msg:"我是父组件传给子组件的值"
}
}
}
</script>
子组件 children.vue
<template>
<div @clcik="onClick">{{cMsg}}</div>
</template>
<script>
export default {
props:{
msg:String
},
wacth:{
msg(nv){
this.cMsg=val
}
},
data(){
return {
cMsg:this.msg
}
},
methods:{
onClick(){
this.$emit('update:msg', '我将更新msg的值')
}
}
}
</script>