[原創] vue中的this.refs爲空出現原因分析

場景：在使用vue過程中，本想調用子組件的數據，但嘗試多次一直獲取失敗。經過分析有以下原因： 1，在生命週期mounted之前的鉤子函數中去調用會獲取不到，原因是DOM節點都沒有生成。 2 ，this.refs的組件在v-if爲false的父節點下，導致這個子組件未渲染，所以獲取不到。 總結:一定是組件已經渲染成功才能調用組件的數據。而不是頁面加載完成後就一定能獲取到

>>阅读原文<<