vue參考 VUE程式執行過程

2022-03-07 19:45:32 字數 338 閱讀 3786

template->ast(abstract syntax tree)->render->virtual dom->uiruntime-compiler:template->ast(abstract syntax tree)->render->virtual dom->ui

runtime-only:效能更高、**量更少:render->virtual dom->uivue-template-compiler將vue中的template轉換成render如果在之後的開發中,你依然使用template,就需要選擇runtime-compiler

如果你之後的開發中,使用的是.vue資料夾開發,那麼可以選擇runtime-only

Vue程式執行過程

vue程式執行過程分析圖 執行過程 template解析成ast,ast編譯成render函式,render函式走向虛擬dom vdom 最後虛擬dom渲染成真實的ui template ast render vdom ui 如果在vue中使用runtime only的話 跳過了template和a...

Vue 初始化 執行過程

vue 初始化 執行過程 先在platforms 下的 entry runtime with compile.js 呼叫 vue.mountd 的獲取el物件,掛載mount方法 將vue的模組匯出 找到 core instance index.js 獲取 vue的建構函式,初始化vue 上的靜態方...

VUE課程參考 2 VUE基本使用

1 引入vue.js 3 在模板中使用資料 1 引入vue.js script src script 2 建立vue物件 el 指定根element 選擇器 data 初始化資料 頁面可以訪問 data 3 在模板中使用資料 模板語法 雙大括號 div id div v model指令 第乙個m是m...