2018-3-13 seo達(dá)人
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
1.vue的生命周期，主要的介紹官網(wǎng)（https://cn.vuejs.org/v2/api/）上都有。
主要說(shuō)的是created和mounted。之前在寫(xiě)項(xiàng)目的過(guò)程中，需要對(duì)DOM節(jié)點(diǎn)進(jìn)行操作（但是在vue里面盡量不要獲取節(jié)點(diǎn)進(jìn)行操作。vue主要是對(duì)數(shù)據(jù)進(jìn)行操作），在created里面這些操作并不能實(shí)現(xiàn)，但是在mounted里面是可以的。
主要原因就是：created是vm實(shí)例已經(jīng)創(chuàng)建但是未完成掛載，而mounted已經(jīng)部分完成掛載，這么說(shuō)的原因是，mounted不承諾所有的子組件都會(huì)被掛載，如果你希望等到的是整個(gè)視圖都渲染完畢，可以用 vm.$nextTick 替換掉mounted.
$nextTick是下次DOM更新循環(huán)結(jié)束之后執(zhí)行的回調(diào)函數(shù)。
2.vue里點(diǎn)擊按鈕，彈框的實(shí)現(xiàn)。
通過(guò)在父組件上綁定一個(gè)show，type為boolean，在子組件用props接收傳過(guò)來(lái)的show值，show值為true時(shí)彈出框顯示，false時(shí)不顯示。
父組件：
子組件：
3.v-show與v-if的區(qū)別？
v-if與v-show都屬于條件渲染，意思就是根據(jù)不同的條件使用不同的模板。
在vue中，v-show只是簡(jiǎn)單的修改了樣式，DOM節(jié)點(diǎn)是真實(shí)存在的，只是隱藏了。
v-if是真實(shí)的條件渲染，值為false是不編譯不渲染，當(dāng)值為true時(shí)，才開(kāi)始編譯。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.alimai.net