如何銷(xiāo)毀keep alive緩存的組件? 查了很久，查不到結(jié)果，有沒(méi)有大神？我不知道你是不是指Vue中的keep alive標(biāo)簽？如下所示，我記錄了keep-alive組件的緩存功能：post和inp

如何銷(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)。

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-虛擬用戶(hù).js

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用vuex管理數(shù)據(jù)，能組件內(nèi)清除state里的數(shù)據(jù)嗎？

然后您必須定義一個(gè)方法來(lái)清除vuex中突變的數(shù)據(jù)，然后組件可以通過(guò)激活此方法來(lái)清除數(shù)據(jù)。

使用Vue等框架的首要原因是為了開(kāi)發(fā)效率，還是減少DOM操作的性能損失？

。

前端開(kāi)發(fā)也是如此。實(shí)際上，我們都使用jQuery。它簡(jiǎn)單而粗糙，并且很容易直接操作界面。如果你想實(shí)現(xiàn)任何功能，你會(huì)成功的。但是在項(xiàng)目變得越來(lái)越復(fù)雜之后，這種開(kāi)發(fā)方式會(huì)出現(xiàn)一個(gè)問(wèn)題：代碼組織很低，項(xiàng)目的可維護(hù)性很差，特別是當(dāng)項(xiàng)目中的很多頁(yè)面都有層次關(guān)系時(shí)，很容易混淆自己。

“.現(xiàn)在我們不應(yīng)該把一個(gè)網(wǎng)頁(yè)看作一個(gè)網(wǎng)頁(yè)，而是一個(gè)以網(wǎng)頁(yè)的形式呈現(xiàn)的應(yīng)用程序。分離數(shù)據(jù)和行為之后，前端開(kāi)發(fā)變得更加清晰，這也是前端開(kāi)發(fā)的一個(gè)重要標(biāo)志。

雖然這些框架使用了虛擬DOM等技術(shù)，但由于抽象合理，開(kāi)發(fā)效率遠(yuǎn)高于傳統(tǒng)前端，比直接操作DOM要慢。試想一下，用這兩種方法開(kāi)發(fā)的項(xiàng)目效率比傳統(tǒng)開(kāi)發(fā)低0.5%，但是傳統(tǒng)開(kāi)發(fā)需要的bug是傳統(tǒng)開(kāi)發(fā)的兩倍。如果你是，你會(huì)選哪一個(gè)？