在Vue模板編譯階段中，Vue會讀取模板中的HTML、CSS和JS代碼，并將其轉化為瀏覽器可以理解的Javascript代碼。

首先，Vue會通過正則表達式解析模板中的指令和表達式，例如v-for、v-if和{{}}等等。然后，Vue會生成對應的Javascript代碼，并將其存儲在內存中。

接下來，Vue會根據編譯好的Javascript代碼創建渲染函數，這個函數將返回一個虛擬DOM。

function render(){
with(this){return _c('div',{attrs:{"id":"app"}},_l((list),function(item,index){return _c('div',{key:index},[_v(_s(item))])}),0)}
}

編譯階段也會將Vue特有的語法轉換成普通的HTML和Javascript代碼。例如，Vue組件中的template會被轉為render函數，v-model實際上會轉換成一個input事件和一個value屬性的綁定。

export default {
data() {
return {
inputVal: ''
}
},
methods: {
changeValue(e) {
this.inputVal = e.target.value;
}
},
render() {
const { inputVal, changeValue } = this;
return (
{inputVal}
);
}
}

在Vue中，編譯階段也起到了優化的作用。當組件被多次使用時，每次都重新編譯一次是十分浪費資源的。因此，Vue會將編譯好的組件緩存在內存中，下次使用時直接調用上次的緩存。

在編譯階段中，Vue還涉及到很多細節的處理。例如，對動態綁定屬性的處理、對樣式和類名的處理、對模板中的事件處理等。這些都是Vue編譯器需要考慮的。

需要注意的是，在Vue 3.0中，編譯器的實現發生了很大的變化。Vue 3.0中使用了基于AST（抽象語法樹）的編譯器，這種編譯器會把模板轉換為一個抽象語法樹，然后再生成結果代碼。

總的來說，Vue模板編譯階段是Vue運行流程中的重要部分，它將模板中的信息轉換為最終的虛擬DOM，這對Vue的性能和可維護性都起到了重要的作用。