上期咱們聊到了mvvm模型，這一期咱們來聊一下vue的例項，這個是個很重要的東西，千萬別輕視了，下面開始：
目標：1 瞭解例項中的data用法和method用法
最基本的例項是什麼樣子的呢，是這樣的啦：
el： 表示要操作的頁面元素， 必填參
data： 資料， 可以理解為面向物件中的“
屬性
”，他主要是儲存資料的，當程式執行時，監控頁面傳來的資料，進行修改，啟動時根據他的資料渲染頁面。
methods： 方法， 可以理解為面向物件中的“
方法
”，根據方法可以改變屬性的值，從而改變頁面，請求互動，一系列的操作
這樣理解是不是就很清楚啦？
為了再詳細解釋一下這個概念，咱們來做一個練習：
這個練習很經典，就是實現一個加法器，比如左邊兩個輸入框，右邊為結果框，當左邊輸入時點選等於=號，計算結果：
目的：鍛鍊data和method的理解，下面開始我的表演：
圖片在這裡，該腫麼辦呢？那按照步驟來吧！
1 先建立html檔案，命名method。html
2 完成上文提到的vue三部曲（這個一定要掌握，後面專案要用到）
3 vue三部曲搞完之後搞頁面，創造三個input框，一個按鈕
4使用v-model繫結屬性
5 繫結方法
這樣就可以算出來啦！
總結：透過兩個input框繫結數值，這樣當input框輸入值時，透過v-model綁定了值，在等於號加上方法，當輸入值時，點選等於號，呼叫方法，這樣雙向繫結的方法會計算出來！
下一期會講一下元件的用法，這也是很重要的，同時也是為電商專案實戰做準備，歡迎關注！