一直搞不懂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í)不需要了解這些。。?！埃蚁爰热荒阋肰ue進(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。總結(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ǔ)言。。。)

vue學(xué)習(xí)起來(lái)困難嗎？

對(duì)于小程序開(kāi)發(fā)，只要了解JS語(yǔ)法、閉包等核心概念，就可以啟動(dòng)小程序，因?yàn)榇a是在小程序提供的沙盒環(huán)境中運(yùn)行的，所以重點(diǎn)是了解小程序提供的能力和API，理解JS編寫(xiě)。

對(duì)于Vue來(lái)說(shuō)，情況更復(fù)雜。在你精通JS之前，不建議學(xué)習(xí)Vue。也許您可以通過(guò)查看Vue文檔來(lái)編寫(xiě)一些演示，但是與小程序不同，小程序是一個(gè)環(huán)境，Vue是一個(gè)數(shù)據(jù)驅(qū)動(dòng)JS的MVVM框架，它服務(wù)于JS。如果你不精通JS，你應(yīng)該學(xué)點(diǎn)東西，服務(wù)JS是本末倒置？如果你不精通JS和Vue，你只能寫(xiě)一些演示。你不知道你為什么要寫(xiě)這篇文章，你的表現(xiàn)如何。在這種情況下，你不能為一個(gè)稍微復(fù)雜一點(diǎn)的項(xiàng)目這么做。所以我的建議是，如果你不精通JS，你最好先學(xué)習(xí)JS，打好基礎(chǔ)。如果你必須學(xué)習(xí)，學(xué)習(xí)一些小程序是可以的。Vue建議不要擔(dān)心。至少買(mǎi)“JavaScript高級(jí)程序設(shè)計(jì)”看清楚，然后學(xué)習(xí)Vue/react這樣的JS框架。

關(guān)于Vue實(shí)例的生命周期created和mounted的區(qū)別？

英寸。擴(kuò)展（）。

前端開(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è)？

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

我相信了解前端的人一定知道Vue框架，因?yàn)閂ue框架是市場(chǎng)上使用最廣泛的框架?；旧?，很多東西的框架都是Vue。下面我們來(lái)談?wù)刅ue框架的面試問(wèn)題，為面試做好準(zhǔn)備。

1. 什么是V型？Vue中的標(biāo)記如何綁定事件？

A:V模型只能用于表單元素。它可以用于雙向數(shù)據(jù)綁定。綁定事件：<input@Click=dolog（）/&[GT

2。為什么在V-for循環(huán)中添加鍵？

A:Vue的DOM呈現(xiàn)是一個(gè)虛擬DOM。當(dāng)數(shù)據(jù)發(fā)生變化時(shí)，diff算法只會(huì)比較變化的部分。如果更改了數(shù)據(jù)項(xiàng)的順序，Vue將不會(huì)移動(dòng)DOM元素以匹配數(shù)據(jù)項(xiàng)的更改，而只是在此處重用每個(gè)元素，并確保它顯示在特定索引下呈現(xiàn)的每個(gè)元素（兩個(gè)元素）。

3. Vue路由如何傳遞值？

A:使用params方法傳輸參數(shù)時(shí)，應(yīng)在路由后添加參數(shù)名稱，傳輸參數(shù)時(shí)，參數(shù)名稱應(yīng)與路由后設(shè)置的參數(shù)名稱相對(duì)應(yīng)。使用query方法，沒(méi)有這樣的限制。你可以直接在跳躍中使用它。

4. Vue雙向數(shù)據(jù)綁定

A:Vue雙向數(shù)據(jù)綁定是通過(guò)數(shù)據(jù)劫持結(jié)合發(fā)布訂閱模式實(shí)現(xiàn)的，即數(shù)據(jù)和視圖同步，數(shù)據(jù)改變，視圖改變，視圖改變，數(shù)據(jù)也改變

核心：關(guān)于Vue雙向數(shù)據(jù)綁定，其核心是Object.defineProperty屬性（）方法。

5. $nexttick的功能是什么？

A:有時(shí)您需要在更改數(shù)據(jù)后立即對(duì)DOM進(jìn)行操作。此時(shí)得到的DOM仍然是刷新數(shù)據(jù)之前得到的DOM，不能滿足需要。所以現(xiàn)在使用$nexttick。

6. Vue

A的兩個(gè)核心點(diǎn)：數(shù)據(jù)驅(qū)動(dòng)，組件系統(tǒng)

數(shù)據(jù)驅(qū)動(dòng)：視圖模型，保證數(shù)據(jù)和視圖的一致性。

組件系統(tǒng)：應(yīng)用程序類(lèi)UI可視為由組件樹(shù)組成。

Vue框架是web前端工程師必備的技能之一。當(dāng)然，要想拿到高薪，不僅要應(yīng)付考題，還要系統(tǒng)地學(xué)習(xí)前端知識(shí)，這樣才能應(yīng)對(duì)職場(chǎng)中的各種問(wèn)題。如果您想了解更多的網(wǎng)絡(luò)前端面試技巧，請(qǐng)隨時(shí)來(lái)找我！