vue父子组件通信

1、使用emit触发函数传参

父组件：

<son ref='son' @submit='submit'  :num='num'/>

num:'父组件传给组件的数值'

submit(val){//

console.log(`${val}就是子组件传过来的参数`)}

子组件

prop：{

  num:{//
      type: [String,Number],
      required: ''
    }}

console.log(`${this.num}就是父组件传过来的值，切记子组件中不能直接修改父组件传来的值·`)

子组件在要需要触发父组件传值的时候增加

this.$emit('submit',val)//val就是要传给父组件的参数

2、只要简单的修改值的时候

父组件：

<son ref='son'  :isjump.sync="a" />

a:false

a就是父组件这边的值

子组件

this.$emit('update:isjump',true)//后面跟着就是要修改isjump的值