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>
相关推荐
yaoxin5211231 小时前
325. Java Stream API - 理解 Collector 的三大特性:助力流处理优化
java·开发语言
打瞌睡的朱尤7 小时前
Vue day10 完整购物网页(登录页,首页,搜索)
前端·javascript·vue.js
RFG20127 小时前
20、详解Dubbo框架:消费方如何动态获取服务提供方地址?【微服务架构入门】
java·人工智能·后端·微服务·云原生·架构·dubbo
扶苏10028 小时前
深入理解 Vue 3 的 watchEffect
前端·javascript·vue.js
zjttsh8 小时前
Linux下安装Redis
java
TimberWill9 小时前
SpringBoot整合Srping Security实现权限控制
java·spring boot·后端
Renhao-Wan10 小时前
Java 算法实践(四):链表核心题型
java·数据结构·算法·链表
未来龙皇小蓝10 小时前
RBAC前端架构-05:引入Element-UI及相关逻辑
前端·ui
_codemonster11 小时前
JavaWeb开发系列(六)JSP基础
java·开发语言
yanlele11 小时前
AI Coding 时代下, 关于你会写代码这件事儿, 还重要吗?
前端·javascript·ai编程