每個 Vue 應用都是通過用 Vue 函數創建一個新的 Vue 實例開始的：

雖然沒有完全遵循 MVVM模型，但是 Vue 的設計也受到了它的啟發。因此在文檔中經常會使用 vm (ViewModel 的縮寫) 這個變量名表示 Vue 實例。

html
在html綁定元素，並且給個id叫app
ps: 不一定要id也可以，不過vue一次只能綁定一個元素，若使用class的話，在名稱重複的情況下也只會作用一個

<div id="app">
  {{ message }}
</div>

script
宣告變數為vm，並且new一個vue的應用程式，裡面放入物件

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

基本元件屬性

• el : element的縮寫，專門綁定於vue應用程式
• date: 要綁定的資料
• props :可用來接收副元件接收資料的屬性
• template :要解析的模板
• computed :計算屬性與監聽
• methods : 定義元件或在模板內可使用的方法

MVVM

• M是只Model(資料狀態),
• V是指View(視圖),
• ViewModel是與畫面做綁定，他是綁定狀態是個連接器，再寫程式碼中不會寫到ViewModel，
  只要寫Model就可以，再寫Model時資料的變動，同時就會控制View的變化

附上範例 並加上註解 :0

晚安~明天見:)