vue2 点击加一 (5)

展示

代码

复制代码
<template>
  <div>
    <h1>数字:{{ this.counter}}</h1>
    <button @click="plusOne">点击加1</button>
  </div>
</template>
<script>
export default {
  name: "App",
  data() {
    return {
      counter: 0,
    };
  },
  methods: {
    plusOne() {
      this.counter++;
    },
  },
};
</script>
相关推荐
小土豆_777几秒前
Owl 2.8.1 核心语法速查表(新手专用)
前端·odoo/owl
码界奇点1 分钟前
Tomcat与JDK版本对照全解析避坑指南生产环境选型建议
java·开发语言·容器·jdk·tomcat
我是伪码农4 分钟前
放大镜效果
javascript
董世昌414 分钟前
js的数据类型有几类?一共有几种?
开发语言·javascript·ecmascript
Remember_9936 分钟前
【数据结构】深入理解排序算法:从基础原理到高级应用
java·开发语言·数据结构·算法·spring·leetcode·排序算法
wanzhong23337 分钟前
开发日记13-响应式变量
开发语言·前端·javascript·vue
indexsunny7 分钟前
互联网大厂Java求职面试实战:Spring Boot微服务与Kafka消息队列场景解析
java·spring boot·面试·kafka·microservices·interview·distributed systems
qq_12498707537 分钟前
基于Spring Boot的心理咨询预约微信小程序(源码+论文+部署+安装)
java·spring boot·后端·spring·微信小程序·小程序·毕业设计
jiayong238 分钟前
Tomcat Servlet容器与生命周期管理面试题
java·servlet·tomcat
代码游侠10 分钟前
学习笔记——文件传输工具配置与Makefile详解
运维·前端·arm开发·笔记·学习