父元件:

在script 下引入子元件:

import loading from '@/common/loading'

在data中的components下注冊

  components:{
        loading
    },

在html中寫入:

並定義一個ref名為show

ref 被用來給元素或者子元件註冊引用資訊

        <loading ref="show"></loading>

在方法中列印

引用資訊將會註冊在父元件的$refs物件上,如果在普通的DOM元素上使用,引用指向的就是DOM元素,如果用在子元件上,引用

就是指向元件例項

 mounted(){
        this.screen();
        console.log(this.$refs.show.showLoad)
    }