在vue開發的父子組件傳值的時候，我們一般都是先封裝一個子組件，給他取名字，然后在要用到此組件的頁面，也就是所說的父組件中將這個子組件匯入、注冊、再使用，我們一般都是用駝峰命名匯入的組件，在使用時可以直接用駝峰命名的方式使用，也可以將這個駝峰變成小寫，中間以-分隔來進行使用，可以用單標簽也可以用雙標簽，一般用的多的一般是雙標簽，因為有的時候會用到插槽，所以要用雙標簽進行插槽的傳遞，
父子傳值時，我們一般用：名稱=“傳遞的值”進行傳遞，在子組件中用props進行接受，一般沒有什么特殊的資料，就是單個的鍵值對的時候我們可以直接用一個陣列來表示接受的props，但是用的多的還是props用物件表示，要接受的資料也用物件表示，這個時候子組件的template中就可以使用props接受的資料了，使用時資料能在頁面上展示出來，但是控制臺會報錯，說未定義什么什么的，我覺得應該是資料加載的比頁面渲染的速度快的原因，所以就會報未定義的錯誤，這個時候，我們只需要通過v-if來判斷這個資料的存在性，不存在就不渲染頁面，存在就渲染頁面即可，就不會出現這個報錯，當然最好我們還得寫一個v-else來展示沒有這個物件的頁面，不然就會出現空白頁面很難看，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/541614.html
標籤：JavaScript
上一篇：JavaScript 防抖和節流
下一篇：13.VUE