vue 父组件调用子组件中的方法

通过$ref可以获取到某个DOM，但是它也可以用来获取子组件的实例，调用子组件的方法

父组件：

<el-dialog title="个人中心" :visible.sync="personalFormVisible" :close-on-click-modal="false" @close='closePersonal'>
    <div v-if="userInfo">
        <Personal ref="personal" @changeUserDate="changeUserDate" @closeChildDiglog="closeChildDiglog" :userData="userInfo"></personal>
    </div>
</el-dialog>

点击事件：closePersonal

closePersonal(){
    this.$refs.personal.cleanDate(this.userInfo)
},

子组件：

//清空填入的数据
cleanDate(data){
  if(data){
    Object.assign(this.personalForm,data);
  }else{
    Object.assign(this.personalForm,this.userData);
  }
},