目前在用VUE做一個(gè)網(wǎng)頁，上面有個(gè)實(shí)時(shí)數(shù)據(jù)變化展示，如何才能做到不頁面刷新使頁面數(shù)據(jù)變化？當(dāng)你這樣描述它時(shí)，你首先想到的是Ajax]雖然你還沒有使用Vue，但文檔中肯定有類似的工具Vue的官方網(wǎng)站說，

目前在用VUE做一個(gè)網(wǎng)頁，上面有個(gè)實(shí)時(shí)數(shù)據(jù)變化展示，如何才能做到不頁面刷新使頁面數(shù)據(jù)變化？

當(dāng)你這樣描述它時(shí)，你首先想到的是Ajax

]雖然你還沒有使用Vue，但文檔中肯定有類似的工具

Vue的官方網(wǎng)站說，“你現(xiàn)在不需要弄清楚這些。。?！?，我想既然你要用Vue來開發(fā)，如果你不完全理解它，你會(huì)發(fā)現(xiàn)這個(gè)坑是由它在將來造成的。最好現(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)建、初始化、裝載、更新和銷毀組件就是所謂的組件生命周期。在組件中，具體的方法有：

beforecreate

created

beforemount

mounted

（

BeforeUpdate

updated

]beforedrostroy

destroyed

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

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

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

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

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

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

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

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

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

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

Vue被淘汰了嗎？

虛擬用戶.js你需要把watch和nexttick方法結(jié)合起來。具體方法如下。具體步驟：

1。在頁面上加載數(shù)據(jù)列表之后，頁面會(huì)自動(dòng)滾動(dòng)到中間的列表元素。列表數(shù)據(jù)呈現(xiàn)完成后，計(jì)算列表的高度，然后控制到指定行的定位。首先，讓我們介紹一下在第一次嘗試中沒有生效的計(jì)劃，這也是你最容易犯錯(cuò)誤的地方，虛擬用戶.js提供的mounted函數(shù)表示掛載到實(shí)例后調(diào)用鉤子。

2. 運(yùn)行后，發(fā)現(xiàn)在執(zhí)行mounted期間獲得的高度值不正確。您還可以發(fā)現(xiàn)此時(shí)沒有呈現(xiàn)頁面，并且列表塊仍然為空。

3. 查詢官方API文檔時(shí)，我們發(fā)現(xiàn)有一個(gè)nexttick方法，即在下一個(gè)DOM更新周期結(jié)束后執(zhí)行延遲回調(diào)。修改數(shù)據(jù)后立即使用此方法獲取更新的dom。使用后，我發(fā)現(xiàn)它仍然不能解決我需要的效果。

4. 繼續(xù)查詢API文檔并找到watch方法，該方法用于觀察Vue實(shí)例上的數(shù)據(jù)更改。對(duì)應(yīng)一個(gè)對(duì)象，鍵是觀察表達(dá)式，值是對(duì)應(yīng)的回調(diào)。再試一次，你會(huì)發(fā)現(xiàn)它運(yùn)行后仍然無法工作。

5. 最后將watch和nexttick{顯示列表：函數(shù)(){ 這是戈普萊斯（0）}showlist是對(duì)應(yīng)表頁的綁定變量