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