ref 可以用來獲取到dom節點，如果在元件中應用，也可以用來獲取子元件的資料和方法。
比如，我定義了乙個home元件，乙個head元件，home元件中引用head元件。
此時，home元件是head元件的父級，我想在home（父元件）元件中，獲取head（子元件）元件中定義的資料和方法
ref="header
"> //
v-head 為 head 元件在 home 元件中註冊的標籤名，ref='header' 相當於獲取到當前元件
父元件主動獲取子元件定義的資料和方法
getheaderdata()
這樣，就可以在父元件中，主動獲取到子元件中的資料和方法。
當然，子元件也可以主動獲取父元件的資料和方法。
this.$parent.run() // run 為 home 元件中定義的方法，在 head 元件中可以直接呼叫
Vue元件通訊之父傳子
元件是vue中的重頭戲，今天開始我會陸續分享自己在學習中的有關元件通訊的一些心得。下面 對上面的程式做個解讀 1.首先定義了乙個全域性的元件名字為blog post 2.title 傳入的就是字串 靜態賦值 如果傳入變數的時候title blog 動態賦值 此時需要v bind指令 3.父傳子的重要...
Vue元件通訊之父傳子
一般情況下，子元件中無法直接使用父元件的變數。借助子元件的props選項可以實現這一點。這裡我將乙個vue例項作為乙個父元件 vue methods components 子元件定義如下 const cpn required true required為true表示必須傳遞乙個值給此變數 count...
Vue元件化之父子元件
在父元件裡使用子元件時，父元件的模板最外層一定要有div塊 元件內部是無法訪問vm例項裡的data資料的，元件有自己的儲存資料的位置。元件也有data methods 生命週期函式等屬性，但data必須是乙個函式且返回的是乙個物件，物件內部儲存著資料。為什麼元件裡的data必須是函式形式？當重複使用...