幾個主要的鉤子函式:
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 輔助增強系統如何實現厘公尺級定位。本篇文章的目標讀者是對定位導航一無所知的小白玩家,大神請繞路。提到衛星導航系統,相信就算對此不了解的人也一定聽說過,三顆衛...
乙個小白的內心自白
大學畢業,作為乙個剛剛步入程式設計師世界的小白,看到身邊如此多的大牛,倍感壓力山大,聽聞養成乙個良好的寫部落格的習慣,對於自己的成長有很大的幫助,哈哈,抱著試一試的態度開始寫。所想所寫只求能夠 獨善其身 哦,對了,算是開始,也算是給自己的鼓勵,更算是對自己能夠堅持不懈的見證。第一天,怎麼也得有點乾貨...