vue props default Array或是Object的正確寫法說明
更新時間：2020年07月30日 10:18:29 作者：qq_42991509
這篇文章主要介紹了vue props default Array或是Object的正確寫法說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
1、錯誤寫法
demo:{
type:Array,
default:[]
}
eslint語法報錯：
Invalid default value for prop “demo”: Props with type Object/Array must use a factory function to return the default value.
2、正確的寫法應(yīng)該是：
demo: {
type: Array,
default: function () {
return []
}
}
或是用箭頭函數(shù)：
demo: {
type: Array,
default: () => []
}
3、對象的箭頭函數(shù)寫法：
demoObj: {
type: Object,
default: () => ({})
}
或是常規(guī)
demoObj: {
type: Object,
default: function () {
return {}
}
}
錯誤的寫法
demoObj: () => {}
補充知識：vue 傳參props里面為什么要帶type,還有default?
這個是子組件啦 ,寫type的意思是swiperDate傳過來的數(shù)據(jù)類型是數(shù)組,default就是表示不傳默認返回的[ ],空數(shù)組.
這種就是表示傳的數(shù)據(jù)類型是number,不傳默認是0。
以上這篇vue props default Array或是Object的正確寫法說明就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細介紹了Vue實例的一些簡單方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要為大家詳細介紹了vue實現(xiàn)界面滑動效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-07-07
vue3 ts組合式API異常onMounted is called when&
這篇文章主要為大家介紹了vue3 ts組合式API異常onMounted is called when there is no active component問題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
Vue+ElementUI表格狀態(tài)區(qū)分,row-class-name屬性詳解
這篇文章主要介紹了Vue+ElementUI表格狀態(tài)區(qū)分,row-class-name屬性,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
在瀏覽器上下滾動的時候,如何距離頂部的距離大于78px,吸頂顯示,小于78px則隱藏,所以本文小編給大家介紹了Vue設(shè)置導(dǎo)航吸頂?shù)脑敿毥坛?文中有相關(guān)的代碼示例供大家參考,具有一定的參考價值,需要的朋友可以參考下2024-01-01
vue3中的watch是一個組合式的API使用時需要引入,下面這篇文章主要給大家介紹了關(guān)于vue3下watch使用的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-03-03
這篇文章主要介紹了Vue Render函數(shù)原理及代碼實例解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-07-07
vue 組件中使用 transition 和 transition-group實現(xiàn)過渡動畫
本文給大家分享一下vue 組件中使用 transition 和 transition-group 設(shè)置過渡動畫,總結(jié)來說可分為分為 name 版, js 鉤子操作類名版, js 鉤子操作行內(nèi)樣式版，本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友參考下吧2019-07-07
這篇文章主要為大家介紹了測試平臺開發(fā)vue組件化重構(gòu)前端代碼，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-05-05
這篇文章主要介紹了vue點擊標(biāo)簽切換選中及互相排斥操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07