vue计数器

最新推荐文章于 2025-05-28 18:15:13 发布

缘起缘灭~~~

最新推荐文章于 2025-05-28 18:15:13 发布

阅读量203

点赞数 2

文章标签： vue.js vue

本文链接：https://blog.youkuaiyun.com/weixin_45743636/article/details/118310472

版权

<template>
  <div class="home">
    <button @click="jian">-</button>
	<span>{{value}}</span>
	<button @click="jia">+</button>
  </div>
</template>

<script>
export default {
  name: 'Home',
  data() {
  	return {
  		value:1
  	}
  },
  methods: {
	jia(){
		if(this.value>=10){
			alert('以达到最大值')
			return false
		}else{
			this.value++
		}
	},
	jian(){
		if(this.value <= 1){
			alert('以达到最小值')
			return false
		}else{
			this.value--
		}
	}
  }
}
</script>