<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="app">
<h2>当前计数：{{count}}</h2>
<button v-on:click="add">+</button>
<button v-on:click="sub">-</button>
</div>
<script src='../js/vue.js'></script>
<script>
const app = new Vue({
el:'#app',
data:{
count:0
},
methods:{
add:function(){
console.log('add被执行');
this.count++;
},
sub:function(){
console.log('sub被执行');
this.count--;
}
}
})
</script>
</body>
</html>
计数器--vue学习第一天
于 2022-10-12 21:22:15 首次发布
扫一扫
524
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
