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