vue裡面ref和生命週期的理解

1. ref

vue裡面增加乙個dom節點的寫法。這是比較通俗的說法，vue裡面講的是ref是給元素或者子元件註冊引用資訊的，值得注意的是引用資訊註冊在父元件的$refs物件上。如果在普通的dom元素使用，引用指向dom；子元件指向元件例項。

註冊後，vue會進行銷毀。但如果不使用就不要註冊了。

ref的原始碼如下：

import from 'shared/util'

export default ,

update (oldvnode: vnodewithdata, vnode: vnodewithdata) },

destroy (vnode: vnodewithdata) }

export function registerref (vnode:vnodewithdata, isremoval: ?boolean) else if (refs[key] === ref)

}else else if (refs[key].indexof(ref) < 0)

}else }

}$refs 只在元件渲染完成後才填充，並且它是非響應式的。它僅僅是乙個直接操作子元件的應急方案——應當避免在模板或計算屬性中使用 $refs。

2. 生命週期

生命週期是說乙個先後順序。確實很抽象，自己開始都理解偏了。

這裡很容易遇到乙個資料載入不到的問題。很大程度上是講生命週期靠前之後，資料不會拿到。還有乙個比較容易想到的問題，就是資料沒有檢測，比如資料進行處理的時候，沒有判斷資料是否為空，有些函式不能進行空操作的。