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

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

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

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

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

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

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

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

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

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

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

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

4運(yùn)用v-model綁定屬性

5綁定本領(lǐng)

如許就不妨算出來啦！

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