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>
相关推荐
杨丰玮4181 分钟前
暑假Java知识点回顾:类与对象知识总结
java·开发语言
lilian2332 分钟前
Harmony os 技术实战|拼豆制图48:把个人页字符串路由改成可穷尽的类型协议
前端·华为·harmonyos
盐焗鹌鹑蛋2 分钟前
【Linux】ELF与库加载
java·linux·服务器
WarPigs7 分钟前
Unity未激活的物体无法响应事件?
java·unity·游戏引擎
十五喵源码网11 分钟前
基于SpringBoot2+vue2的公寓报修管理系统
java·毕业设计·springboot·论文笔记
咏方舟【长江支流】12 分钟前
【前端2】单据编辑 -订单单据主子表,万能模板行,自定义添加行
前端·前端框架·状态模式·咏方舟-长江支流
珍珠先生13 分钟前
第16章 集合框架:List 与 Set
java
qq_4523962315 分钟前
第六篇:《CI/CD 流水线:从前端构建到自动化部署》
前端·ci/cd·自动化
咏方舟【长江支流】19 分钟前
【前端1】单据编辑 -EasyUI/Vue/React/Bootstrap 主流框架实现订单单据主子表显示和编辑比较,哪个你最易入门?
前端·vue.js·easyui·咏方舟-长江支流·userbaodatagrid
m0_5791466521 分钟前
Element UI 表格合并单元格完全指南:从原理到实战
前端·vue.js·elementui