什么時(shí)候生命周期?
Vue實(shí)例有一個(gè)完整的生命周期,也就是從開始創(chuàng)建、初始化數(shù)據(jù)、編譯模板、掛載Dom、渲染→更新→渲染、卸載等一系列過程,我們稱這是Vue的生命周期。通俗說就是Vue實(shí)例從創(chuàng)建到銷毀的過程,就是生命周期。
methods
1、專門放置我們的事件的方法
mounted
將編譯好的 html 掛載到頁面完成后執(zhí)行的鉤子函數(shù);此時(shí)可以進(jìn)行發(fā)送 ajax 請(qǐng)求獲取數(shù)據(jù)的操作,進(jìn)行數(shù)據(jù)初始化。
注意:mounted 在整個(gè)實(shí)例生命內(nèi)只執(zhí)行一次。
computed
Vue中computed就是 實(shí)時(shí)計(jì)算 使用。
Vue檢測(cè)到數(shù)據(jù)發(fā)生變動(dòng)時(shí)就會(huì)執(zhí)行對(duì)相應(yīng)數(shù)據(jù)有引用的函數(shù)。
利用computed可以做一些監(jiān)控之類的效果。
created
實(shí)例已經(jīng)創(chuàng)建完成之后被調(diào)用。在這一步,實(shí)例已經(jīng)完成以下的配置:數(shù)據(jù)觀測(cè),屬性和方法的運(yùn)算,watch/event事件回調(diào)。然而,掛載階段還沒開始,DOM還沒生成,$el屬性目前不可見。
watch
一個(gè)對(duì)象,鍵是需要觀察的表達(dá)式,值是對(duì)應(yīng)回調(diào)函數(shù)。值也可以是方法名,或者包含選項(xiàng)的對(duì)象。Vue 實(shí)例將會(huì)在實(shí)例化時(shí)調(diào)用 $watch(),遍歷 watch 對(duì)象的每一個(gè)屬性。