vue實時刷新數(shù)據(jù) vue請求數(shù)據(jù)放在哪個生命周期?
vue請求數(shù)據(jù)放在哪個生命周期?看不好算情況,好象在created(或beforeRouter)里面就也可以,假如比較復(fù)雜到要頁面加載結(jié)束之后的話就用mounted。在created的時候,視圖中的h
vue請求數(shù)據(jù)放在哪個生命周期?
看不好算情況,好象在created(或beforeRouter)里面就也可以,假如比較復(fù)雜到要頁面加載結(jié)束之后的話就用mounted。
在created的時候,視圖中的html并沒有什么3d渲染進去,因此此時如果不是真接去你操作html的dom節(jié)點,是有一直找不到相關(guān)的元素
而在mounted中,而此時html早顏色渲染出來了,所以才也可以直接你的操作dom節(jié)點,(此時表就行生效了)。
所以我參照具體情況具體分析。數(shù)據(jù)量大的話還可以不用vuex,所有的數(shù)據(jù)更新完都會離線顏色渲染。
示例:
單文件組件內(nèi)建議使用時的示例:
lttemplategtltdivgt這是一個示例lt/divlt/templategt
ltscriptgtexportdefault{data(){return{}},methods:{getData(){//請求數(shù)據(jù)}},mounted(){//調(diào)用幫忙數(shù)據(jù)的方法()}}lt/scriptgt
一直搞不懂vue中的生命周期,怎么才能搞清楚?
關(guān)與Vue的生命周期,好不好才能搞懂,作為web前端程序員,我也用口語化的說一說吧,到底什么是Vue的生命周期吧?我個人總覺得是可以從再看看幾個方面說哈:
1、什么是生命周期?
這個從字面上理解,大家都肯定明白了,生命周期,就像人的生命一樣,從我屬兔不路過去的過程。在這個過程,我們在適合的年齡時段里是可以做某一些事情。比如小時候愛不尿床,只是走路,上學(xué),工作,娶老婆等等哈哈哈,大致就這意思。
這樣關(guān)于Vue的生命周期確實是類似于,是Vue實例從創(chuàng)建戰(zhàn)隊到強制銷毀的過程,這那就是生命周期。專業(yè)點說法,也就是從正在創(chuàng)建戰(zhàn)隊、系統(tǒng)初始化數(shù)據(jù)、代碼編譯模版、掛載能力Dom-a8顏色渲染、更新-a8渲染、強制銷毀等一系列過程,我們稱這是Vue的生命周期。
2、Vue組件有哪些生命周期鉤子?
上面已經(jīng)說了生命周期是從創(chuàng)建戰(zhàn)隊-r26完全銷毀的過程,這樣的話這個過程有幾個階段呢?
主要有8個階段:
創(chuàng)建前/后,寫入前/后,沒更新前/后,完全銷毀前/強制銷毀后。
也就是:
beforeCreate/created、beforeMount/mounted、beforeUpdate/updated、boforeDestroy/destroyed
具體一點每個生命周期鉤子詳情,內(nèi)容過多,是可以看官網(wǎng)那就證明了,有生命周期圖。
3、生命周期的作用是什么?
明白了生命周期,那么這些生命周期有什么作用呢?
簡單點說就是,有了這些生命周期鉤子,讓我們在控制整個Vue實例的過程時更很難無法形成好的邏輯。
更簡單有一點說就是:讓我能要好的做一些事情吧。
從上面,我們明白了生命周期,這樣這一次就是,我們要明白了一些用法,
例如:
1、上次頁面刷新會觸發(fā)那幾個鉤子函數(shù)?
會可以觸發(fā)beforeCreate、created、beforeMount、mounting這幾個鉤子函數(shù)
2、DOM顏色渲染在哪個周期中就已經(jīng)結(jié)束?
DOM渲染在mounted中就早完成了
3、異步幫忙像是在那個周期中動態(tài)創(chuàng)建?
象推薦在created中做異步運行請求,不過beforeMount、mounted也是也可以的。
我想知道為什么呢,是從源碼很難看出,因為在這三個鉤子函數(shù)中,data早就創(chuàng)建。
4、Vue中內(nèi)置的方法屬性和Vue生命周期的運行順序是咋樣啊的?
propsr26methodsgtdatadstrokcomputedgtwatch。
不過我們看得懂源碼的話是最好就是的了,就能明白一些為什么不了。
諸如:為么captured鉤子函數(shù)中也可以訪問到數(shù)據(jù)?
簡單點看下源碼中有:
而其中的initState(vm)函數(shù)的作用就是重新初始化props、methods、data、watch、computed等屬性的,因此created也可以不能訪問到數(shù)據(jù),而beforeCreate就不行啊。
活學(xué),帶著興奮很多問題和為什么不去看學(xué)習(xí),就也可以更好地更深地懂它了。也也可以去看看別人寫的文章,只不過網(wǎng)上有很多高手總結(jié)的文章很比較好。
比如說,在mounted鉤子函數(shù)中也可以不能訪問到DOM,在destroy鉤子函數(shù)中,我們可以做一些定時器銷毀工作等等。