<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>初学vue</title>
</head>
<body>
<!-- 基于表达式进行渲染 {
{}}语法 -->
<!-- 容器 -->
<div id = "app">
<div class = "box">
<h3>努力搬砖存钱</h3>
<button @click = "buy(-5)">下班消费5元</button>
<button @click = "buy(10)">上班工资10元</button>
</div>
<p>银行卡余额:{
{money}}元</p>
</div>
<!-- 开发环境版本,包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script>
const vm = new Vue({
el : '#app',
data : {
money: 100
},
methods: {
buy (price) {
this.money += price
}
}
})
</script>
</body>
</html>
Vue-on调用传参--努力搬砖赚钱hh
猜你喜欢
转载自blog.csdn.net/m0_62600503/article/details/132377956
今日推荐
周排行