一直搞不懂vue中的生命周期，怎么才能搞清楚？vue官網(wǎng)說，“你暫時不用搞清楚這些..."，我覺得你既然準(zhǔn)備用vue做開發(fā)的，不搞懂搞透它，你以后會發(fā)現(xiàn)踩的坑終究還是有它引起的，等以后再來補(bǔ)坑，不如現(xiàn)

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

vue官網(wǎng)說，“你暫時不用搞清楚這些..."，我覺得你既然準(zhǔn)備用vue做開發(fā)的，不搞懂搞透它，你以后會發(fā)現(xiàn)踩的坑終究還是有它引起的，等以后再來補(bǔ)坑，不如現(xiàn)在就拿下它。

以下主要從幾個方面來講：

1.vue的生命周期是什么

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

3.vue中內(nèi)置的方法?屬性和vue生命周期的運(yùn)行順序（methods、computed、data、watch）

4.自己構(gòu)造的方法與vue生命周期的運(yùn)行順序?如show這些

5.總結(jié)

一、vue的生命周期是什么

? ? vue每個組件都是獨(dú)立的，每個組件都有一個屬于它的生命周期，從一個組件創(chuàng)建、數(shù)據(jù)初始化、掛載、更新、銷毀，這就是一個組件所謂的生命周期。在組件中具體的方法有:

? ? beforeCreate

? ? created

? ? beforeMount

? ? mounted

? ? (

?? ?? ? beforeUpdate

?? ?? ? updated

?? ?)

? ? beforeDestroy

? ? destroyed

? ? 對應(yīng)的中文就如其字面意思，英文不好的童鞋可以尋找翻譯軟件哦！謝謝！

如何用Vue實(shí)現(xiàn)一個全選指令？

第一步，創(chuàng)建靜態(tài)頁面von.html，并引入vue.js關(guān)鍵的核心js文件，如下圖所示：

第二步，在主題元素下插入div標(biāo)簽元素，并在其中插入一個input輸入框和一個按鈕，利用v-on指令綁定點(diǎn)擊事件querydate，如下圖所示：

第三步，在div標(biāo)簽下方編寫vue.js點(diǎn)擊事件，事件是獲取當(dāng)前日期，如下圖所示：

第四步，為了讓輸入框和按鈕有間距，這里設(shè)置body元素樣式，如下圖所示：

第五步，預(yù)覽該靜態(tài)頁面，然后點(diǎn)擊按鈕，發(fā)現(xiàn)輸入框沒有值，調(diào)試下發(fā)現(xiàn)錯誤，缺少jquery核心js文件，如下圖所示：

第六步，引入jquery核心js文件后再次預(yù)覽頁面，并單擊按鈕，這時日期就顯示在輸入框內(nèi)，如下圖所示：

Vue filter格式化時間戳?xí)r間成標(biāo)準(zhǔn)日期格式的方法？

1、首先需要根據(jù)圖示代碼創(chuàng)建HTML文檔，并創(chuàng)建JS標(biāo)記。

2、然后需要根據(jù)圖示代碼new Date()創(chuàng)建日期對象。

3、然后需要根據(jù)圖示代碼以毫秒為單位的時間戳，設(shè)置日期對象。

4、然后需要根據(jù)圖示代碼打印設(shè)置后的日期。

5、保存文件，在瀏覽器查看輸出將時間戳轉(zhuǎn)化為日期格式成功。

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

很多半吊子的程序員開口就喜歡談?wù)撔阅?，動不動就是“這個框架性能不行，不如原生XX快”等等，如何評價這種說法呢？硬要說的話，速度確實(shí)是一個非常重要的因素，但是很多項(xiàng)目其實(shí)并不那么追求速度，大部分情況下，開發(fā)效率這個因素都要大于項(xiàng)目的運(yùn)行速度，要明白，人的效率永遠(yuǎn)應(yīng)該是第一需求。

前端開發(fā)也是這樣，其實(shí)原來大家都用jQuery這些東西，簡單粗暴，直接操作界面，想實(shí)現(xiàn)什么功能直接擼就完事了。但是在項(xiàng)目逐漸復(fù)雜起來之后，這樣的開發(fā)方式就會出現(xiàn)一個問題：代碼組織度極低，項(xiàng)目可維護(hù)性差，特別是當(dāng)項(xiàng)目中很多頁面有層級關(guān)系時候，很容易把自己繞暈。

因此Vue、React、Angular等框架應(yīng)運(yùn)而生了，他們利用MVVM等設(shè)計(jì)模式，在更高層級抽象頁面開發(fā)邏輯，使用他們開發(fā)不再需要直接操作DOM了，而且相比于傳統(tǒng)的開發(fā)方式，這些前端框架更加注重“數(shù)據(jù)流”。現(xiàn)在不應(yīng)該把網(wǎng)頁看做是一個網(wǎng)頁，而是將它看做是一個網(wǎng)頁形式呈現(xiàn)的應(yīng)用。這樣將數(shù)據(jù)和行為分開以后，前端開發(fā)也更加清晰了，這也是前端發(fā)展的一個重要標(biāo)志。

雖然這些框架使用虛擬DOM等技術(shù)，相比于直接操作DOM要慢一點(diǎn)，但是因?yàn)椴捎昧撕侠淼某橄?，因此開發(fā)效率是遠(yuǎn)遠(yuǎn)超過傳統(tǒng)前端的。試想一下，這兩種方法開發(fā)出來的項(xiàng)目運(yùn)行效率差0.5%，但是傳統(tǒng)開發(fā)要多一倍的bug，要是你的話，你會選哪種呢？

Vue被淘汰了嗎？

我今天才開始去了解Vue-cli 3.0，著手寫了一個demo下來發(fā)現(xiàn)，簡直驚為天人，拋棄了2.x版本繁瑣的webpack配置，現(xiàn)在的可以說簡潔明了，你甚至不用寫vue.config.js也行，空著唄，反正無傷大雅，但如果你配置一下你會發(fā)現(xiàn)也并不麻煩。

在我知道的知識范圍內(nèi)，應(yīng)該是沒有比這個腳手架更能快速直接地反應(yīng)出數(shù)組或?qū)ο笞兓牧恕?/p>

此外，語法糖基本沒有很大變化，以前該怎么用現(xiàn)在還怎么用，只是性能優(yōu)化和語法糖很多了。講真，我完全找不到vue-cli3.0致命的坑。

然后，我還看到有人為jq打抱不平，我在一年半以前基本都是用jq寫的，那時候覺得jq是js最好的框架，實(shí)在太方便了，操作dom也實(shí)在太爽了，直到我某次寫一個排課項(xiàng)目卡了殼。。。

隨后我就轉(zhuǎn)小程序了，發(fā)現(xiàn)小程序的寫法不就是vue么。。。尤其是組件的寫法。。。

講到底，vue被淘汰有點(diǎn)難，畢竟這個時代是操作數(shù)據(jù)的時代，已經(jīng)不是dom操作的天下了。

最后，我覺得你不應(yīng)該拘泥于前端框架，就算以后會出現(xiàn)更先進(jìn)的框架，充其量也還是js，我實(shí)在想不出在框架這方面還能玩出什么花了。大概es會慢慢參考這些框架，然后自己變成如此也說不定。就比如當(dāng)年你能想到j(luò)s里面還能寫class來繼承？我第一次看到還以為是java。。。但現(xiàn)在不也就支持了么。。。

所以為什么不把目光放向后端？node都熟練了嗎？deno了解過嗎？php入門了嗎？python好歹掌握一下吧？這些語言我相信以后會慢慢出現(xiàn)在前端必會知識點(diǎn)里面(雖然php已經(jīng)是了，但感覺過氣了啊，說好的php是世界上最好的語言呢。。。)