国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

程序員小胖子之從設(shè)計圖到npm發(fā)布組件過程

MRZYD / 3027人閱讀

摘要:拿到的設(shè)計圖長啥德行我腦海里到了哪些內(nèi)容我們拿到設(shè)計圖可以看到,目前是兩種,我們在封裝組件的時候要考慮后面有可能增加其他樣式的組件,所以我們在設(shè)計的時候,盡量要有拓展性一定要有屬性,依據(jù)屬性控制顯示哪種類型的組件一定要有屬性,通過屬性傳入不

拿到的設(shè)計圖長啥德行?

我腦海里YY到了哪些內(nèi)容

我們拿到設(shè)計圖可以看到,目前是兩種toast,我們在封裝組件的時候要考慮后面有可能增加其他樣式的組件,所以我們在設(shè)計的時候,盡量要有拓展性

一定要有type屬性,依據(jù)type屬性控制顯示哪種類型的組件

一定要有text屬性,通過屬性傳入不同的文案

一定要有timeout屬性,通過屬性傳入,多少ms組件消失

褲子都脫了,該進入正題了,上代碼



還有哪些改善?
toastIcon子組件的icon沒有通過動態(tài)設(shè)置,后面如果設(shè)計出其他的icon的toast時,可把屬性提出來,通過參數(shù)傳遞
Npm發(fā)布
發(fā)布包之前你首先要有一個npm的賬號
在終端輸入npm adduser,提示輸入賬號,密碼和郵箱,然后將提示創(chuàng)建成功
然后,執(zhí)行npm init,生成package.json
npm publish   //發(fā)布命令
沒有結(jié)局的結(jié)局

toast-vue-mobile

github

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/97063.html

相關(guān)文章

  • Vue基礎(chǔ)初識Vue

    摘要:當(dāng)視圖層發(fā)生變化時,會自動更新到視圖模型,逆推也成立。所以這兩者的關(guān)系就是所謂的數(shù)據(jù)雙向綁定。注意在你發(fā)布的站點中使用生產(chǎn)環(huán)境版本,把換成。 Vue特點及優(yōu)點 小巧,壓縮后體積17KB; 漸進式,不需要一口吃成大胖子,一上來就用所有的東西,可以一步一步、有階段的先吃成小胖子; 數(shù)據(jù)驅(qū)動,雙向數(shù)據(jù)綁定,MVVM模式,詳見下一段 指令,例如v-if/v-show等 插件,如果你聽過鼎鼎有...

    CoXie 評論0 收藏0
  • Vue基礎(chǔ)初識Vue

    摘要:當(dāng)視圖層發(fā)生變化時,會自動更新到視圖模型,逆推也成立。所以這兩者的關(guān)系就是所謂的數(shù)據(jù)雙向綁定。注意在你發(fā)布的站點中使用生產(chǎn)環(huán)境版本,把換成。 Vue特點及優(yōu)點 小巧,壓縮后體積17KB; 漸進式,不需要一口吃成大胖子,一上來就用所有的東西,可以一步一步、有階段的先吃成小胖子; 數(shù)據(jù)驅(qū)動,雙向數(shù)據(jù)綁定,MVVM模式,詳見下一段 指令,例如v-if/v-show等 插件,如果你聽過鼎鼎有...

    fuchenxuan 評論0 收藏0
  • Vue基礎(chǔ)初識Vue

    摘要:當(dāng)視圖層發(fā)生變化時,會自動更新到視圖模型,逆推也成立。所以這兩者的關(guān)系就是所謂的數(shù)據(jù)雙向綁定。注意在你發(fā)布的站點中使用生產(chǎn)環(huán)境版本,把換成。 Vue特點及優(yōu)點 小巧,壓縮后體積17KB; 漸進式,不需要一口吃成大胖子,一上來就用所有的東西,可以一步一步、有階段的先吃成小胖子; 數(shù)據(jù)驅(qū)動,雙向數(shù)據(jù)綁定,MVVM模式,詳見下一段 指令,例如v-if/v-show等 插件,如果你聽過鼎鼎有...

    keithxiaoy 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<