vue組件什么條件下需要摧毀？組件，我們暫時(shí)把它們分為兩類(lèi)，以便于理解主題，明確主題的初衷。小組件，如下拉選擇器、按鈕等。當(dāng)頁(yè)面由小組件組成時(shí)，它將在何時(shí)被銷(xiāo)毀？一是你認(rèn)為這個(gè)組件目前在這個(gè)頁(yè)面上是無(wú)

vue組件什么條件下需要摧毀？

組件，我們暫時(shí)把它們分為兩類(lèi)，以便于理解主題，明確主題的初衷。

小組件，如下拉選擇器、按鈕等。當(dāng)頁(yè)面由小組件組成時(shí)，它將在何時(shí)被銷(xiāo)毀？一是你認(rèn)為這個(gè)組件目前在這個(gè)頁(yè)面上是無(wú)用的，而且你以后很少需要它，所以你可以在這個(gè)時(shí)候用V-IF銷(xiāo)毀它。第二種情況是你不需要這個(gè)頁(yè)面。例如，如果跳轉(zhuǎn)到另一個(gè)頁(yè)面，這些小部件將隨著頁(yè)面的銷(xiāo)毀而自然銷(xiāo)毀。

如上所述，如果您使用單個(gè)組件頁(yè)開(kāi)發(fā)項(xiàng)目，則此處的第二種組件可以理解為頁(yè)組件。一個(gè)頁(yè)面對(duì)應(yīng)一個(gè)組件，也就是說(shuō)，一個(gè)路由對(duì)應(yīng)一個(gè)組件。這時(shí)，破壞頁(yè)面組件是很自然的，我們跳轉(zhuǎn)到其他頁(yè)面時(shí)會(huì)破壞它，但我們要注意的是，僅僅破壞頁(yè)面組件就足夠了嗎？如果您有一些全局變量、全局操作等，則需要在組件的destroy hook函數(shù)中做進(jìn)一步的處理，以實(shí)現(xiàn)真正想要的銷(xiāo)毀。

如何清理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)銷(xiāo)。

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

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

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

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

一直搞不懂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)建、初始化、裝載、更新和銷(xiāo)毀組件就是所謂的組件生命周期。在組件中，具體的方法有：

beforecreate

created

beforemount

mounted

（

BeforeUpdate

updated

]beforedrostroy

destroyed

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

Vue被淘汰了嗎？

今天，我剛開(kāi)始了解Vue cli 3.0。我開(kāi)始寫(xiě)一個(gè)演示，發(fā)現(xiàn)它是驚人的。我放棄了版本2繁瑣的網(wǎng)頁(yè)配置。現(xiàn)在可以說(shuō)它簡(jiǎn)單明了，你甚至不需要寫(xiě)它vue.config.js文件沒(méi)關(guān)系。它是免費(fèi)的。不管怎樣，它是無(wú)害的。但是如果你配置它，你會(huì)發(fā)現(xiàn)它并不麻煩。

據(jù)我所知，不應(yīng)該有任何支架可以更快、更直接地反映數(shù)組或?qū)ο蟮淖兓?/p>

另外，語(yǔ)法糖基本上沒(méi)什么變化。過(guò)去怎么用還是現(xiàn)在怎么用，但是有很多性能優(yōu)化和語(yǔ)法糖分。說(shuō)真的，我根本找不到vue-cli3.0的致命漏洞。

然后，我還看到人們?yōu)镴Q反對(duì)不公正。一年半前，我用JQ寫(xiě)作。當(dāng)時(shí)，我認(rèn)為JQ是JS的最佳框架。太方便了，DOM的操作也太酷了。直到我寫(xiě)了一張課程安排項(xiàng)目卡。。。

然后我轉(zhuǎn)向一個(gè)小程序，發(fā)現(xiàn)小程序的編寫(xiě)方法是Vue。。。尤其是組件的編寫(xiě)方式。。。

畢竟，要消除Vue有點(diǎn)困難。畢竟，這個(gè)時(shí)代是數(shù)據(jù)操作的時(shí)代，而不是DOM操作的時(shí)代。

最后，我不認(rèn)為您應(yīng)該堅(jiān)持前端框架。即使將來(lái)會(huì)有更高級(jí)的框架，JS仍然是最好的。在這個(gè)框架中，我真的想不出還有什么可以玩的了。也許es會(huì)逐漸引用這些框架，然后變得如此。例如，當(dāng)您想到JS時(shí)，您可以編寫(xiě)類(lèi)來(lái)繼承嗎？我第一次看到它的時(shí)候，我以為它是Java。。。但現(xiàn)在我支持。。。

那為什么不關(guān)注后端呢？所有節(jié)點(diǎn)都熟練嗎？你知道迪諾嗎？PHP開(kāi)始了嗎？那蟒蛇呢？我相信這些語(yǔ)言將來(lái)會(huì)逐漸出現(xiàn)在前端知識(shí)點(diǎn)（雖然PHP已經(jīng)出現(xiàn)了，但我覺(jué)得太多了。據(jù)說(shuō)好的PHP是世界上最好的語(yǔ)言。。。)

如何銷(xiāo)毀keep alive緩存的組件? 查了很久，查不到結(jié)果，有沒(méi)有大神？

我不知道你指的是Vue中的keep alive標(biāo)簽嗎？

如下所示，我記錄了keep-alive組件的緩存功能：

post和input是兩個(gè)不相關(guān)的組件，但主組件通過(guò)動(dòng)態(tài)組件標(biāo)記引用這兩個(gè)子組件：

如果在切換輸入組件時(shí)要在post中保留先前選擇的選項(xiàng)，可以使用keep-alive組件標(biāo)記。這是官方文檔推薦的使用方法，以便可以緩存組件。

我想知道您是否可以刪除“保持活力”標(biāo)簽？

也許你的業(yè)務(wù)很復(fù)雜，但是如果你真的想達(dá)到破壞效果，你能使用V-if模式嗎？從父組件傳入固定的業(yè)務(wù)ID，然后在子組件中根據(jù)該ID判斷是否重新呈現(xiàn)。

您可以關(guān)注[前端雨爸爸]。最近我在寫(xiě)一篇關(guān)于[Vue basic series]的文章。您可以借此機(jī)會(huì)回顧一下Vue最常用的知識(shí)點(diǎn)。