今天做的是一个简单的计数器，使用的是简单的vue，需要注意的点是data里面初始化数字amount的时候，不能加单引号，否则会成为文本，而成为文本之后实现加一就会出现末尾加一，而并非由零变一，但是减一却依旧可以成功实现。下面是效果和源码:
源码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>简单计数器</title>
<script src="vue.js" type="text/javascript" charset="UTF-8"></script>
</head>
<body>
<div id="app">
计数器：{{amount}}
<br>
<button @click="addnum()">点击加一</button>
<button @click="decreasenum()">点击减一</button>
</div>
<script>
var app = new Vue({
el:"#app",
data:{
amount:0
},
methods:{
addnum() {
var num = app.amount;
app.amount = num+1;
},
decreasenum() {
var num = app.amount;
app.amount = num-1;
}
}
})
</script>
</body>
</html>
2025
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
