Vue程式執行過程

2021-10-01 20:45:10 字數 1084 閱讀 9792

vue程式執行過程分析圖

執行過程:

template解析成ast,ast編譯成render函式,render函式走向虛擬dom(vdom),最後虛擬dom渲染成真實的ui

template -> ast -> render -> vdom -> ui

如果在vue中使用runtime-only的話(跳過了template和ast)(1,效能更高。2,需要的vue源**更少),步驟如下:

render -> vdom -> ui

我們一般在用vue手腳架cli搭建專案的時候,選擇的是runtime-only就可以了,但是第1個會保險一點。

**說明:

import vue from

'vue'

vue.config.productiontip =

false

console.

log;

/* eslint-disable no-new */

newvue(}

)// 那麼.vue檔案中的template是由誰處理的了?

// 是由vue-template-compiler

// render -> vdom -> ui

//幫我們做了很多效果的是template-compiler(vue會自動預設安裝),它是除錯的時候的,我們最終在執行的時候不需要template-compiler

// 也就是說,我們安裝的時候使用runtime-only就行了,不需要runtime-compiler

// .vue檔案中的模板在除錯的時候都被轉化為object物件了,在執行的時候不需要再編譯了

//,也就說不需要runtime-compiler,只需要runtime-only就可以了。

vue參考 VUE程式執行過程

template ast abstract syntax tree render virtual dom uiruntime compiler template ast abstract syntax tree render virtual dom ui runtime only 效能更高 量更少 ...

程式執行過程

要理解乙個程式的執行過程,首先要理解什麼是編譯器。我們用c語言寫的程式,計算機只能識別機器語言 二進位制指令 計算機並不能理解。因此,必須 將c語言轉換為機器語言。編譯器就是用來實現這一功能的。編譯器將源 檔案按照一定的對應規則映射程計算機能夠識別的二進位制指令 關於原始檔 目標檔案和可執行檔案 原...

程式執行過程

程式的執行過程大致分為以下四的步驟 1 預處理 2 編譯 3 彙編 4 鏈結 1.關於預處理 預處理階段的工作基本上是對源程式做 替代 主要有 巨集替換 條件編譯 標頭檔案展開 去除注釋 經過這番替換之後,就會生成乙個沒有巨集定義,沒有條件編譯 沒有特殊符號的輸出檔案。2.關於編譯 編譯階段的工作就...