父子组件传值

父：：：：

< template >

< div >

{{ name}}

< upload @files=" files" current-title = "爸爸来信了" ></ upload >

</ div >

</ template >

< script >

import upload from '@/components/upload.vue'

export default {

data () {

return {

name: '儿子没来信'

}

},

components:{

upload

},

methods:{

files( v){

this. name = v

}

}

}

</ script >

子：：：：

< template >

< el-card >

< h1 >{{ currentTitle}} </ h1 >

< button @click=" toFather()" >给爸爸发信息 </ button >

</ el-card >

</ template >

< script >

export default {

props:[ 'currentTitle'],

methods: {

toFather(){

this. $emit( "files", '儿子的信')

}

}

}

</ script >

< style >

</ style >