MVVM（Model-View-ViewModel）是一種軟件開發模式，是一種為了前端開發而生的設計模式。它把應用分為以下三個部分：
模型（Model）：定義數據結構 視圖（View）：定義用戶界面 視圖模型（ViewModel）：將兩者聯系起來
Vue是一個基于MVVM的前端框架，采用了數據驅動+組件化構造應用，使開發更加靈活和高效。Vue的架構思想是將數據層和視圖層進行分離，讓開發者專注于業務邏輯編寫。
<!DOCTYPE html>
<html>
<head>
<title>Vue Test</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> //引入Vue
</head>
<body>
<div id="app">
<h1>{{ message }}</h1>
</div>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
</body>
</html>在上述示例中，我們引入了Vue庫，并在div標簽中使用了Vue的數據綁定語法（{{ }}）來將數據和視圖聯系起來。其中data對象定義了一個變量message，并將其綁定到h1標簽中，實現了數據的動態渲染。
上一篇egg-vue
下一篇mysql介紹ppt