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

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

目的：1領(lǐng)會范例中的data用法和method用法

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

el:表白要操縱的頁面元素,必填參data:數(shù)據(jù),不妨領(lǐng)會為面向東西中的”屬性“，他主假如保存數(shù)據(jù)的，當(dāng)步調(diào)運轉(zhuǎn)時，監(jiān)察和控制頁面?zhèn)鱽淼臄?shù)據(jù)，舉行竄改，啟用時按照他的數(shù)據(jù)襯托頁面。methods:本領(lǐng),不妨領(lǐng)會為面向東西中的”本領(lǐng)“，按照本領(lǐng)不妨變換屬性的值，進(jìn)而變換頁面，乞求交互，一系列的操縱如許領(lǐng)會是否就很領(lǐng)會啦？

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

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

手段：錘煉data和method的領(lǐng)會，底下發(fā)端我的扮演：

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

1先創(chuàng)造html文獻(xiàn)，定名method.html

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

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

4運用v-model綁定屬性

5綁定本領(lǐng)

如許就不妨算出來啦！

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