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>
相关推荐
xkxnq7 小时前
第二阶段:Vue 组件化开发(第 28天)
前端·javascript·vue.js
摘星编程8 小时前
React Native for OpenHarmony 实战:RTL 从右到左布局详解
javascript·react native·react.js
豆沙沙包?8 小时前
2026年--Lc342-841. 钥匙和房间(图 - 广度优先搜索)--java版
java·算法·宽度优先
Yvonne爱编码8 小时前
前端工程化进阶:从搭建完整项目脚手架到性能优化【技术类】
前端·状态模式
cypking8 小时前
二、前端规范化 遇到的问题及解决方案
前端
星火开发设计8 小时前
C++ 运算符全解析:算术、关系、逻辑与位运算
java·开发语言·c++·学习·位运算·知识·操作符
小范馆8 小时前
STM32F03C8T6通过AT指令获取天气API
前端·javascript·stm32
2401_882351528 小时前
Flutter for OpenHarmony 商城App实战 - 购物车实现
java·flutter·dubbo
遇印记8 小时前
蓝桥java求最大公约数
java·开发语言
zhengxianyi5158 小时前
vue-cli build, vite build 生产部署刷新或弹窗404,页面空白修复方法
前端·javascript·vue.js·nginx·生产部署