在理解Vue的底層框架之前，需要了解一些前端開發的基礎知識，諸如HTML、CSS、JavaScript等。

{{ message }}
// JavaScript代碼
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})

Vue底層框架主要分為三個部分：響應式系統、虛擬DOM和編譯器。

響應式系統是Vue底層框架的核心部分，它負責監聽數據的變化并負責通知相關組件進行更新。當數據發生變化時，響應式系統會自動執行相應的更新操作，從而實現UI的響應式變化。

// JavaScript代碼
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
},
methods: {
changeMessage: function() {
this.message = 'Hello World!'
}
}
})

虛擬DOM是Vue底層框架的另一個重要部分，它負責在數據變化后比對新舊虛擬DOM樹，計算出真正需要更新的部分，然后進行差異更新。虛擬DOM的出現，使得Vue在性能上有了巨大的提升。因為虛擬DOM可以避免每次數據變化都對整個頁面進行重新渲染。

// JavaScript代碼
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
},
methods: {
changeMessage: function() {
this.message = 'Hello World!'
}
},
template: '
{{ message }}
'
})

編譯器是Vue底層框架的基礎部分，它負責將模板編譯成渲染函數。Vue支持用template或render方法來編寫組件模板，在組件實例化時，Vue會將組件模板編譯成渲染函數，并通過渲染函數來更新組件的UI。

以上就是Vue底層框架的基本知識。雖然這些部分都很小，但它們緊密地協作在一起，共同構成了Vue強大的底層框架。