在vue開發的父子組件傳值的時候,我們一般都是先封裝一個子組件,給他取名字,然後在要用到此組件的頁面,也就是所說的父組件中將這個子組件導入、註冊、再使用。我們一般都是用駝峰命名導入的組件,在使用時可以直接用駝峰命名的方式使用,也可以將這個駝峰變成小寫,中間以-分隔來進行使用,可以用單標簽也可以用雙標 ...
在vue開發的父子組件傳值的時候,我們一般都是先封裝一個子組件,給他取名字,然後在要用到此組件的頁面,也就是所說的父組件中將這個子組件導入、註冊、再使用。我們一般都是用駝峰命名導入的組件,在使用時可以直接用駝峰命名的方式使用,也可以將這個駝峰變成小寫,中間以-分隔來進行使用,可以用單標簽也可以用雙標簽,一般用的多的一般是雙標簽,因為有的時候會用到插槽,所以要用雙標簽進行插槽的傳遞。
父子傳值時,我們一般用:名稱=“傳遞的值”進行傳遞,在子組件中用props進行接受,一般沒有什麼特殊的數據,就是單個的鍵值對的時候我們可以直接用一個數組來表示接受的props。但是用的多的還是props用對象表示,要接受的數據也用對象表示。這個時候子組件的template中就可以使用props接受的數據了,使用時數據能在頁面上展示出來,但是控制台會報錯,說未定義什麼什麼的。我覺得應該是數據載入的比頁面渲染的速度快的原因,所以就會報未定義的錯誤,這個時候,我們只需要通過v-if來判斷這個數據的存在性,不存在就不渲染頁面,存在就渲染頁面即可。就不會出現這個報錯,當然最好我們還得寫一個v-else來展示沒有這個對象的頁面,不然就會出現空白頁面很難看。