Vue父子組件相互訪問

父組件使用子組件

一、父組件中訪問子組件的對象去訪問子組件中的方法和屬性：
1.this.$children 返回數組類型

2.this.$children[0].sname 通過索引去訪問子組件的對象並使用屬性

3.this.$children[0].SayHellow() 調用子組件的方法

缺陷：訪問侷限性，通過索引，不容易確切指向某一個子組件的對象

二、使用this.$refs

1.this.$refs 返回是一個對象 需要在子組件標籤中聲明 ref=「name」 才能被訪問到

2.this.$refs.num2Cmp.SayHellow() 所以 refs的使用是通過Key值 也就是子組件標籤中 ref=name的值進行訪問到具體的子組件對象的

3.訪問屬性console.log(this.$refs.num2Cmp.sname);

三、子組件中訪問父組件的屬性和方法：
1.this.$parent.name

2.this.$parent.SayHi()

訪問根(父)組件

’