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 ...