多條告白如次劇本只需引入一次

本期我們聊到了mvvm模子，這一期我們來聊一下vue的范例，這個是個很要害的貨色，萬萬別忽視了，底下發端：

目的：1領會范例中的data用法和method用法

最基礎的范例是什么格式的呢，是如許的啦：

el:表白要操縱的頁面元素,必填參data:數據,不妨領會為面向東西中的”屬性“，他主假如保存數據的，當步調運轉時，監察和控制頁面傳來的數據，舉行竄改，啟用時按照他的數據襯托頁面。methods:本領,不妨領會為面向東西中的”本領“，按照本領不妨變換屬性的值，進而變換頁面，乞求交互，一系列的操縱如許領會是否就很領會啦？

為了再精細證明一下這個觀念，我們來做一個熟習：

這個熟習很典范，即是實行一個減法器，比方左邊兩個輸出框，右邊為截止框，當左邊輸時髦點擊即是=號，計劃截止：

手段：錘煉data和method的領會，底下發端我的扮演：

圖片在這邊，該腫么辦呢？那依照辦法來吧！

1先創造html文獻，定名method.html

2實行下文提到的vue三部曲（這個確定要控制，反面名目要用到）

3vue三部曲搞完之后搞頁面，創作三個input框，一個按鈕

4運用v-model綁定屬性

5綁定本領

如許就不妨算出來啦！

歸納：經過兩個input框綁定命值，如許當input框輸出值時，經過v-model綁定了值，在即是號加上本領，當輸出值時，點擊即是號，挪用本領，如許雙向綁定的本領管帳算出來！