vue props default Array或是Object的正確寫法說明
1、錯(cuò)誤寫法
demo:{ type:Array, default:[]}
eslint語(yǔ)法報(bào)錯(cuò):
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、對(duì)象的箭頭函數(shù)寫法:
demoObj: { type: Object, default: () => ({})}
或是常規(guī)
demoObj: {type: Object,default: function () {return {}}}
錯(cuò)誤的寫法
demoObj: () => {}
補(bǔ)充知識(shí):vue 傳參props里面為什么要帶type,還有default?
這個(gè)是子組件啦 ,寫type的意思是swiperDate傳過來的數(shù)據(jù)類型是數(shù)組,default就是表示不傳默認(rèn)返回的[ ],空數(shù)組.
這種就是表示傳的數(shù)據(jù)類型是number,不傳默認(rèn)是0。
以上這篇vue props default Array或是Object的正確寫法說明就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. .NET使用Moq進(jìn)行單元測(cè)試2. 使用Docker的NFS-Ganesha鏡像搭建nfs服務(wù)器的詳細(xì)過程3. Java之JSP教程九大內(nèi)置對(duì)象詳解(中篇)4. jsp實(shí)現(xiàn)剪子石頭布小游戲5. idea導(dǎo)入maven項(xiàng)目的方法6. Django使用HTTP協(xié)議向服務(wù)器傳參方式小結(jié)7. php ZipArchive解壓縮實(shí)現(xiàn)后臺(tái)管理升級(jí)問題詳解8. 基于python實(shí)現(xiàn)FTP文件上傳與下載操作(ftp&sftp協(xié)議)9. Android通用流行框架大全10. python 開心網(wǎng)和豆瓣日記爬取的小爬蟲
