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

子页面

methods:{
    open(){}
}

父页面

<template>
    <div @click="useChildFn">
        <children ref="children"></children>
    <div>
</template>
script>
  import children from '~/components/children'
  export default {
    data(){
      return {
      }
    },
    components: {      
      children
    },
    methods:{
      useChildFn() {
        this.$refs.children.open(); 
      }
    }
    
  }
</script>