vue一些需要注意的小知識(shí)點(diǎn)

2018-3-13    seo達(dá)人

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里 

1.vue的生命周期,主要的介紹官網(wǎng)(https://cn.vuejs.org/v2/api/)上都有。

主要說的是created和mounted。之前在寫項(xiàng)目的過程中,需要對DOM節(jié)點(diǎn)進(jìn)行操作(但是在vue里面盡量不要獲取節(jié)點(diǎn)進(jìn)行操作。vue主要是對數(shù)據(jù)進(jìn)行操作),在created里面這些操作并不能實(shí)現(xiàn),但是在mounted里面是可以的。

主要原因就是:created是vm實(shí)例已經(jīng)創(chuàng)建但是未完成掛載,而mounted已經(jīng)部分完成掛載,這么說的原因是,mounted不承諾所有的子組件都會(huì)被掛載,如果你希望等到的是整個(gè)視圖都渲染完畢,可以用 vm.$nextTick 替換掉mounted.

$nextTick是下次DOM更新循環(huán)結(jié)束之后執(zhí)行的回調(diào)函數(shù)。

2.vue里點(diǎn)擊按鈕,彈框的實(shí)現(xiàn)。

通過在父組件上綁定一個(gè)show,type為boolean,在子組件用props接收傳過來的show值,show值為true時(shí)彈出框顯示,false時(shí)不顯示。

父組件:

子組件:

3.v-show與v-if的區(qū)別?

v-if與v-show都屬于條件渲染,意思就是根據(jù)不同的條件使用不同的模板。

在vue中,v-show只是簡單的修改了樣式,DOM節(jié)點(diǎn)是真實(shí)存在的,只是隱藏了。

v-if是真實(shí)的條件渲染,值為false是不編譯不渲染,當(dāng)值為true時(shí),才開始編譯。

藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔