回顧vue原始碼理解到哪記錄到哪

2022-04-10 07:57:43 字數 538 閱讀 8981

vue.use(vuerouter)   咱們經常看到vue上面會通過use呼叫一些方法,那麼這些方法到底執行了什麼呢?

其實每個第三方外掛程式都是乙個具有install 方法的類,在vue.use(vuerouter)的那一刻,會執行vuerouter裡面的install方法。如果沒有install方法會把plugin當成函式來執行

install方法裡面有這個 mixin  老朋友。mixin其實很簡單就是將物件合併在一起的方法 vue.mixin({

beforecreate(){

/*混入邏輯*/

翻了原始碼發現setuplisteners,它主要做兩件事第乙個監聽hashchage事件,另乙個就是路由切換滾動位置的處理

vue2 defineproperty 可以監聽陣列 以下標作為key 但是新增的就監聽不了了 需要手動監聽 另外 改變陣列key會觸發get set 所以的重寫

vue3 proxy可以監聽陣列 包括新增的 但是改變陣列key依舊會觸發get set 還得重寫 並且proxy只能監聽一層 巢狀的監聽不了 就得手動返回新proxy

Vue原始碼解讀(二) Vue原始碼構建

vue.js 原始碼是基於 rollup 構建的,它的構建相關配置都在 scripts 錄下。通常 個基於 npm 託管的項 都會有 個 package.json 件,它是對項 的描述 件,它的內容實際上是 個標準的 json 物件。我們通常會配置 script 字段作為 npm 的執 指令碼,vu...

vue2原始碼 深度理解Vue中v model原理

value input方法的語法糖 可繫結 input,checkbox,select,textarea,radio v model一種是在表單元素上使用,另外一種是在元件上使用 此預設繫結input,v model繫結值為value,預設在注釋中逐行解釋 引入 在模板的編譯階段,v model跟其...

Vue原始碼解讀

1 例項的屬性和方法 下圖 2 原型上的屬性和方法 下圖 3 原型鏈 下圖 上圖有誤,後續修正 const vm new vue 之後有 vm.proto vue.prototype vm.proto proto object.prototype vm.proto proto proto null ...