vue

什么時(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è)屬性。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對(duì)于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,074評(píng)論 0 29
  • Vue 框架的入口就是 Vue 實(shí)例,其實(shí)就是框架中的 view model ,它包含頁面中的業(yè)務(wù) 處理邏輯、數(shù)據(jù)...
    云中一樵夫閱讀 1,097評(píng)論 0 1
  • Vue 框架的入口就是 Vue 實(shí)例,其實(shí)就是框架中的 view model ,它包含頁面中的業(yè)務(wù)處理邏輯、數(shù)據(jù)模...
    阿根廷斗牛閱讀 914評(píng)論 0 2
  • 快一年了 是不是該放過自己
    Karen_涵涵閱讀 125評(píng)論 0 0
  • 夢(mèng)境如幻我情愛,花好草綠人不哀。 月圓之時(shí)樹痕深,一切美愿無悔栽。
    亂花漸欲迷人眼閱讀 194評(píng)論 0 0