vue 父页面调用子页面方法 返回数据_Vue子页面给父页面传递数据

子页面：

子组件

传递到父页面

export default {

name: 'child',

data() {

return {

msg:'子组件数据'

}

},

computed:{

addNum(){

return this.num*5

}

},

methods:{

sendMsg(event){

this.$emit('sendmsg',this.msg)

this.$emit('addnum',this.addNum)

}

},

props:{

num:{

type:Number,

default:5

}

}

}

父页面：

父组件

{{info}}

{{num}}

import child from './child'

export default {

name: 'parent',

data() {

return {

info:'',

num:10

}

},

components:{

child

},

methods:{

getMsg(data){

this.info = data

},

getNum(data){

this.num = data

}

}

}