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>
相关推荐
Jay叶湘伦7 分钟前
【极简】用 Vue 写一个 ChatGPT 前端应用,支持连续对话、Markdown 渲染与本地记忆
前端·vue.js·chatgpt
大家的林语冰7 分钟前
《前端周刊》尤大官宣 Vite 8 稳定版首发!npm 新官网?React 官网更新。focusgroup 新功能!
前端·javascript·vite
kuuailetianzi9 分钟前
构建企业级督办任务系统:Vue3 + TypeScript 实战(多级任务拆解+批量操作+进度追踪+单元格合并)
前端·javascript·typescript
Hilaku12 分钟前
王自如公开招聘全栈前端,要求有多离谱?
前端·javascript·ai编程
东离与糖宝15 分钟前
Gradle 9.4+Java26:大型项目构建提速100倍实战配置
java·人工智能
大漠_w3cpluscom23 分钟前
CSS 技巧:CSS 中选择 html 元素的各种奇技淫巧
前端·css·weui
想进大厂的小徐27 分钟前
maven的子模块和子pom的区别
java·maven
pengles32 分钟前
基于RuoYi-Vue-Plus项目实现移动端项目
java·vue.js·uni-app
希望永不加班32 分钟前
SpringBoot 编写第一个 REST 接口(Get/Post/Put/Delete)
java·spring boot·后端·spring
菜菜小狗的学习笔记41 分钟前
Java SE(一)内部类、Lambda表达式、Stream流
java·开发语言