vue父子组件传值,以及父子之间方法的调用

1，子组件向组父组件传值

//1子组件使用emit向父组件传值
this.$emit('fFunction',data);
//2,父组件引入子组件的
//3,父组件 在子组件上绑定点击事件
@fFunction = "fFunction"
//4,父组件在方法中取到子组件的值
fFunction(data){
    console.log(ddata);
}

2,父组件向子组件传值 

//1,引入子组件
//在子组件上使用:data="data"的方式在子组件上传值
//2,子组件使用props接收父组件的值
props:{
    data: {
      type: Number,
      default: 101
    }
}    

 3,子组件调用父组件的方法

//1,子组件使用this.$emit('',data)的方式调用父级方法

//2,在子组件中使用this.$parent.父级方法   进行调用

4,父组件调用子组件的方法

//1,父组件引入子组件,在子组件上定义ref属性,ref="children"
//2,父组件在方法中使用this.$refs.children.子组件的方法

//父组件引入子组件,子组件中定义ref属性,ref="children"
//父组件中使用this.$refs.children.$emit('')