Vue 初始化 執行過程

2021-10-14 08:09:02 字數 707 閱讀 1568

vue 初始化 執行過程

先在platforms 下的 entry-runtime-with-compile.js

呼叫 vue.$mountd 的獲取el物件, 掛載mount方法 ,將vue的模組匯出

找到 core/instance/index.js ,獲取 vue的建構函式,

初始化vue 上的靜態方法,例如 set,delete,nexttick

初始化vue 上的例項成員,就是在vue的原型上混入相應的成員,進行patch方法進行初次的渲染到el物件上,

例如 dat

a,

data,

data

,props, on,

on,on

,emit等方法,使用的就是事件訂閱模式

1.呼叫_init方法,向vue上掛載

_init函式 就相當於是整個vue的入口,init內部呼叫了$mount,進行模板或者render函式的掛載

在mount內部,呼叫mountcomponent,定義對應的beforecomponent,定義updatecompoennt,進行dom渲染

3.之後建立watcher物件,對get進行資料監聽,返回vm物件

watcher物件建立後,呼叫get,呼叫updatecomponent,呼叫render方法建立vnode,進行vnode的編譯

最後進行vm.update的patch函式,掛載dom節點

vue 初始化請求例子 Vue例項初始化

vue的建構函式new vue 一切都是從vue的建構函式開始的.當執行了npm run dev的構建過程就是執行這些初始化的過程,首先在node modules中找到vue原始碼,core檔案是對vue核心的包裝,入口檔案index.js,先從乙個建構函式開始,然後在vue的prototype上進...

類初始化和例項初始化過程

類初始化過程 乙個類要建立例項需要先載入並初始化該類 main方法所在的類需要先載入和初始化 乙個子類要初始化需要先初始化父類 乙個類初始化就是執行 方法 由靜態類變數賦值 和靜態 塊組成 靜態類變數賦值 和靜態 塊從上往下執行 方法只執行一次 例項初始化過程 例項初始化就是執行 方法 方法可能過載...

vue初始化專案

速查 vue v npm v sudo npm install global vue cli sudo npm install g vue cli init 進入包下 vue init webpack home檢查node和npm版本 node vv14.3.0 npm v6.14.5 安裝vue ...