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>
相关推荐
河铃旅鹿37 分钟前
Android开发-java版:Framgent
android·java·笔记·学习
y***61312 小时前
【springboot】Spring 官方抛弃了 Java 8!新idea如何创建java8项目
java·spring boot·spring
tanxinji2 小时前
RabbitMQ四种交换器类型详解及示例
java·rabbitmq
刘一说2 小时前
一次生产环境 Tomcat 7 + JDK 7 应用启动失败的完整排查与修复实录
java·tomcat·firefox
七夜zippoe2 小时前
JVM类加载机制(Class Loading)详解:双亲委派模型与破坏实践
java·开发语言·jvm·类加载·双亲委派
命运之光3 小时前
【最新】ChromeDriver最新版本下载安装教程,ChromeDriver版本与Chrome不匹配问题
前端·chrome
黄昏恋慕黎明3 小时前
spring MVC了解
java·后端·spring·mvc
星离~5 小时前
Vue响应式原理详解:从零实现一个迷你Vue
前端·javascript·vue.js
-Xie-5 小时前
Redis(八)——多线程与单线程
java·数据库·redis
Kuo-Teng5 小时前
LeetCode 279: Perfect Squares
java·数据结构·算法·leetcode·职场和发展