vue3子組件訪問父組件的方法($parent和$root)

首先要在父組件里引入子組件

父

在父組件里聲明一個事件，並不進行操作

 

 

 子

在子組件里聲明一個點擊事件

 

 然后在方法里使用

$parent:是在子組件中可以直接訪問該組件的父實例或組件

  methods: {
            one(){
                this.$parent.changen(); //操作父組件的方法 changen()

 　　　　　　　　　　Console.log(this.$parent.count);//訪問父組件count的值

            }
   }    

如果要訪問祖父組件，祖祖祖父組件那不是要加更多的 .$parent么

如：

　　祖父組件是app，那么 訪問aap里的msg或appmet()方法就要這樣寫

　　

methods: {
            one(){
                 this.$parent.changen();
                console.log(this.$parent.$parent.msg,'祖父組件')
            }
   }    

這樣寫的話就比較麻煩我們可以直接使用

$root，直接從根結點訪問

就可以這樣寫

 

 this.$root.appmet();

 

 

總結步驟：給子組件一個點擊事件，通過點擊事件使用this.$parent或this.$root直接訪問父組件值，方法或祖父的值，方法