在Vue中,我們經(jīng)常會說到「編譯(compile)」這個詞。編譯是Vue中非常重要的一個環(huán)節(jié),它將模板解析成虛擬DOM并生成可執(zhí)行的渲染函數(shù)。在運行時,Vue將使用這些渲染函數(shù)來生成真實DOM以及更新DOM樹。
在Vue的編譯過程中,有一個概念叫做「compiled」。所謂compiled,就是指編譯后生成的可執(zhí)行代碼。這個代碼包含了Vue模板中的每一個指令、元素和屬性,用于執(zhí)行實際的渲染操作。
function render() { with (this) { return _c('div', { attrs: { "id": "app" } }, [ _c('h1', [_v("Hello Vue!")]) ]) } }
以上是一個簡單的渲染函數(shù)示例。當(dāng)我們在Vue中使用如下模板時:
Hello Vue!
Vue會將這個模板編譯成一個可執(zhí)行的渲染函數(shù),這個函數(shù)將會被用于生成DOM。在實際運行中,該渲染函數(shù)將被調(diào)用,并生成以下HTML代碼:
Hello Vue!
總的來說,「compiled」是Vue編譯過程中生成的可執(zhí)行代碼。Vue將其生成并執(zhí)行,以生成實際的DOM和渲染效果。