在Vue中，內容渲染是指將Vue模板編譯為渲染函數并將其執行以生成虛擬DOM并進行實際DOM更新的過程。Vue的內容渲染分為模板編譯和渲染函數執行兩個階段。

模板編譯是Vue將模板轉換為渲染函數的過程。這個階段的目標是將模板轉換為可執行的渲染函數。Vue的模板是HTML的擴展，它允許在模板中使用JS表達式和指令來聲明渲染函數。模板編譯可以將這些模板指令轉換為相應的渲染函數調用，從而生成一個可執行的渲染函數。

var template = `
{{ message }}
`;
var compiled = Vue.compile(template);
console.log(compiled.render.toString()); // =>'_c('div',{attrs:{"id":"app"}},[_v(_s(message))])'

在上面的示例中，我們使用Vue.compile()方法將模板編譯為渲染函數，并將渲染函數的源代碼打印到控制臺中。我們可以看到編譯后的渲染函數是一個JS函數，它使用_c()、_v()、_s()等函數調用來生成虛擬DOM節點。

渲染函數執行是指執行Vue編譯后生成的渲染函數并將其轉化為實際DOM的過程。在這個階段，Vue會將渲染函數執行以生成虛擬DOM，并使用虛擬DOM更新實際DOM節點。Vue的渲染函數采用虛擬DOM作為中介來更新實際DOM節點。虛擬DOM是一個輕量級的JavaScript對象，它描述了實際DOM節點的層級、屬性、事件等信息。

var vm = new Vue({
el: '#app',
template: '
{{ message }}
',
data: {
message: 'Hello, Vue!'
}
});

在上面的示例中，我們創建了一個Vue實例，并通過el選項指定要掛載的DOM節點，template選項指定模板，data選項指定模板中使用的數據。在Vue實例生成實際DOM節點之前，Vue會將模板編譯為渲染函數并將其緩存到實例中。當數據發生變化時，Vue將執行緩存的渲染函數以生成虛擬DOM，并將虛擬DOM與實際DOM節點進行比較并更新相應的DOM節點。

總的來說，Vue的內容渲染分為模板編譯和渲染函數執行兩個階段。模板編譯將模板轉換為可執行的渲染函數，渲染函數執行將渲染函數執行以生成虛擬DOM，并使用虛擬DOM更新實際DOM節點。Vue通過這兩個階段實現了快速、高效的內容渲染，并為開發人員提供了靈活的模板語法和組件化開發方式。