例子：
完整代码：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="vue.js"></script> </head> <body> <div id="app"> <h3>自动售货机</h3> <button @click="buy(5)">可乐5元</button> <button @click="buy(10)">咖啡10元</button> <button @click="buy(8)">牛奶8元</button> <p>银行卡余额：{{ money }}元</p> </div> <script> var vm=new Vue({ el:"#app", data:{ money:100 }, methods:{ buy(price){ this.money-=price } } }) </script> </body> </html>
效果：
扫一扫
327
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
