一直搞不懂vue中的生命周期，怎么才能搞清楚？Vue的官方網(wǎng)站說(shuō)，“你暫時(shí)不需要了解這些。。。“，我想既然你要用Vue進(jìn)行開(kāi)發(fā)，如果你不完全理解它，你會(huì)發(fā)現(xiàn)你踩到的坑是由它在將來(lái)造成的。最好現(xiàn)在就吃。

一直搞不懂vue中的生命周期，怎么才能搞清楚？

Vue的官方網(wǎng)站說(shuō)，“你暫時(shí)不需要了解這些。。?！?，我想既然你要用Vue進(jìn)行開(kāi)發(fā)，如果你不完全理解它，你會(huì)發(fā)現(xiàn)你踩到的坑是由它在將來(lái)造成的。最好現(xiàn)在就吃。

主要從以下幾個(gè)方面進(jìn)行：

1。Vue的生命周期是什么

2。項(xiàng)目中Vue生命周期的執(zhí)行順序

3。Vue中的內(nèi)置方法和Vue生命周期的運(yùn)行順序（方法、計(jì)算、數(shù)據(jù)、監(jiān)視）

4。自建方法的運(yùn)行順序和Vue生命周期，如圖所示

5?？偨Y(jié)

1。Vue的生命周期是什么

Vue的每個(gè)組件都是獨(dú)立的，每個(gè)組件都有自己的生命周期。創(chuàng)建、初始化、裝載、更新和銷毀組件就是所謂的組件生命周期。在組件中，具體的方法有：

beforecreate

created

beforemount

mounted

（

BeforeUpdate

updated

]beforedrostroy

destroyed

對(duì)應(yīng)的中文，就像字面意思一樣，英文差的童鞋可以找翻譯軟件！謝謝您

vue切換頁(yè)面，組件沒(méi)有銷毀(destroyed無(wú)效)？

進(jìn)入頁(yè)面時(shí)：點(diǎn)擊跳轉(zhuǎn)路由后：意味著如果路由跳轉(zhuǎn)，默認(rèn)情況下會(huì)銷毀上一個(gè)組件，路由器.push，去換都不見(jiàn)了。如果要保留原始零部件數(shù)據(jù)，可以添加<keep alive><keep alive>。打包動(dòng)態(tài)組件時(shí)，將緩存非活動(dòng)組件實(shí)例，而不是銷毀它們。與<transition>一樣，<keep alive>是一個(gè)抽象組件：它不呈現(xiàn)DOM元素本身，也不出現(xiàn)在父組件鏈中。API-虛擬用戶.js

如何清理VUE內(nèi)存？

讓我們分享一下我是如何解決這個(gè)問(wèn)題的，原因有兩個(gè)三.js首先，不要將非數(shù)據(jù)對(duì)象掛在數(shù)據(jù)上，例如三.js渲染器，相機(jī)和場(chǎng)景可以設(shè)置為這個(gè)在創(chuàng)建或掛載掛鉤或存儲(chǔ)在其他變量。如果它們是在數(shù)據(jù)上定義的，那么Vue將遍歷整個(gè)對(duì)象樹(shù)并設(shè)置相應(yīng)的getter/setter，從而導(dǎo)致不必要的性能開(kāi)銷。

2、如果渲染器和網(wǎng)格對(duì)象存儲(chǔ)在當(dāng)前VM實(shí)例上，則需要手動(dòng)清理它們（此處，假設(shè)Vue不清理自定義屬性，這尚未驗(yàn)證）。特別是當(dāng)您打開(kāi)熱更新時(shí)，每次更改JS代碼實(shí)例時(shí)，它都會(huì)被銷毀并重新創(chuàng)建。如果不斷刪除引用，它們將始終保存在內(nèi)存中。你可以想象需要多少錢。

最后，記住在每個(gè)動(dòng)畫中保存請(qǐng)求動(dòng)畫幀的ID，并在銷毀組件時(shí)取消動(dòng)畫幀。

vue主動(dòng)刷新頁(yè)面及列表數(shù)據(jù)刪除后的刷新實(shí)例？

通常，登錄成功后，需要將用戶信息和菜單信息作為全局共享數(shù)據(jù)放置在vuex中。但是，重新初始化頁(yè)時(shí)，vuex中的數(shù)據(jù)將丟失。由于vuex中的數(shù)據(jù)存儲(chǔ)在運(yùn)行內(nèi)存中，因此刷新頁(yè)面時(shí)，頁(yè)面將重新加載Vue實(shí)例，并重新分配vuex中的數(shù)據(jù)方法1：將vuex中的數(shù)據(jù)直接保存到瀏覽器緩存（會(huì)話存儲(chǔ)、本地存儲(chǔ)、cookie）方法2：刷新頁(yè)面時(shí)再次請(qǐng)求遠(yuǎn)程數(shù)據(jù)，以便動(dòng)態(tài)更新vuex數(shù)據(jù)方法3：在父頁(yè)后臺(tái)請(qǐng)求遠(yuǎn)程數(shù)據(jù)，并在刷新頁(yè)之前將vuex中的數(shù)據(jù)保存到會(huì)話存儲(chǔ)（如果數(shù)據(jù)請(qǐng)求過(guò)多）加載頁(yè)時(shí)無(wú)法獲取返回的數(shù)據(jù)