1.methods方法
- 可以通過{{方法名（）}}來調(diào)用相應(yīng)的方法
示例代碼
示例代碼.png
運行結(jié)果
運行結(jié)果.png
-
既然是方法，就可以通過傳值來滿足不同的需求
示例代碼1.png
運行結(jié)果.png
-
如果在當(dāng)前對象中拿data中的屬性，直接對象.name就可以了
示例代碼.png
運行結(jié)果.png
2. v-on指令調(diào)用方法
-
采用v-on指令實現(xiàn)點擊按鈕有彈窗的功能
示例代碼.png -
采用v-on指令實現(xiàn)點擊按鈕隱藏或顯示的功能
示例代碼.png -
采用v-on指令實現(xiàn)關(guān)注與取消關(guān)注的功能
示例代碼.png -
年齡加減的練習(xí)
示例代碼.png
注：
- @click相當(dāng)于v-on:click
- v-on:click單擊
- v-on:dblclick雙擊
