vue 父组件点击时向子组件传递数据

在项目中完美解决新增和编辑传值给同一个子组件

思路：在子组件定义一个赋值方法，父组件需要传值时通过ref获取组件并调用子组件方法传值

子组件

methods:{
  getData(data){
    this.form = data
  }
}

父容器

<component ref="comp"></component>

methods:{
  //父容器需要传值时的方法 例click()
  click(){
    this.$refs.comp.getData(data) //data为需要传的数据
  }
}