乙個小白的vue理解

2021-09-13 09:07:14 字數 1478 閱讀 9386

幾個主要的鉤子函式:

1.beforecreate  -->建立前

資料觀測和初始化事件還未開始

2.created --> 建立後

3.beforemouted -->載入前

相關的render函式首次被呼叫,把data裡面的資料和模板生成html。注意此時還沒有掛載html到頁面上。

完成資料觀測,屬性和方法的運算,初始化事件,$el屬性還沒有顯示出來

3.mouted --> 載入後

用上面編譯好的html內容替換el屬性指向的dom物件。完成模板中的html渲染到html頁面中。此過程中進行ajax互動。

4.beforeupdate -->更新前

在資料更新之前呼叫

5.updated -->更新後

注意:應該避免在此期間更改狀態,因為這可能會導致更新無限迴圈。

6.beforedestory -->例項銷毀前

此時例項還可以使用。

7.destoryed -->例項銷毀後

所有的事件***會被移除,所有的子例項也會被銷毀。

vue例項從建立到銷毀的過程就是vue的宣告週期,共分為上面8個階段:建立前/後,載入前/後,更新前/後,銷毀前/後。但是第一次載入只會觸發beforecreate,cretaed,beforemount,mounted。其中dom渲染是在mounted中就已經完成了。

1.父元件和子元件傳值

父元件傳給子元件:子元件通過props方法接受資料

子元件傳給父元件:$emit 方法傳遞引數。

2.非父子元件間的資料傳遞,兄弟元件傳值。

eventbus,就是建立乙個事件中心,相當於中轉站,可以用它來傳遞事件和接收事件。

hash模式:在瀏覽器中符號"#",#以及#後面的字元稱之為hash,用window.location.hash讀取;

特點:hash蘇安然在url中,但不被包括在http請求中;用來指導瀏覽器動作,對服務端安全無用,hash不會重載入頁面。

history模式:history採用html5的新特性;且提供了兩個新方法:pushstate(),replacestate()可以對瀏覽器歷史記錄棧進行修改,以及popstate事件的監聽到狀態變更。

首頁可以控制導航跳轉,beforeeach,aftereach等,一般用於頁面title的修改。一些需要登入才能調整頁面的重定向功能。

beforeeach 主要由三個引數to,from,next:

to:route即將進入的目標路由物件,

from:route當前導航正要離開的路由

next:function一定要呼叫該方法resolve這個鉤子,執行效果依賴next方法的呼叫引數。可以控制網頁的跳轉。

keep-alive是vue內建的乙個元件,可以被包含的元件保留狀態,或避免重新渲染。

引數解釋:

include-字串或正規表示式,只有名稱匹配的元件會被快取。

exclude-字串或正規表示式,任何名稱匹配的元件都不會被快取。

乙個小白對Arguments的理解

2 arguments與形參保持不同的儲存空間,只有當形參被賦值之後兩者才會相等 3 傳說在嚴格模式下函式內自調,arguments.callee失效了,arguments.callee function name function tomg a,b,c console.log a console....

導航定位系統的原理解析(乙個小白寫給另乙個小白)

無人駕駛是這幾年大火的乙個研究方向,研究無人駕駛需要了解的知識非常多,但是導航定位技術一定是其中必不可少的一環。l 衛星導航實現定位的原理 l 輔助增強系統如何實現厘公尺級定位。本篇文章的目標讀者是對定位導航一無所知的小白玩家,大神請繞路。提到衛星導航系統,相信就算對此不了解的人也一定聽說過,三顆衛...

乙個小白的內心自白

大學畢業,作為乙個剛剛步入程式設計師世界的小白,看到身邊如此多的大牛,倍感壓力山大,聽聞養成乙個良好的寫部落格的習慣,對於自己的成長有很大的幫助,哈哈,抱著試一試的態度開始寫。所想所寫只求能夠 獨善其身 哦,對了,算是開始,也算是給自己的鼓勵,更算是對自己能夠堅持不懈的見證。第一天,怎麼也得有點乾貨...