ASCII码 ASCII码

Vue 计数器的实现

发布于:2022-03-04 11:35:32  栏目:技术文档

目录1、计数器的实现2、实现效果

1、计数器的实现在页面上简单实现一个计数器:`<!DOCTYPE html>

<html lang="en">

<head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/vue.js"></script></head>

<body>

<div id="app"> <h3>当前计数器:{{counter}}</h3> <button @click="add">+</button> <button @click="minutes">-</button></div>

<script> const app = new Vue({ el: “#app”, data: { counter: 0 }, methods: { add: function () { this.counter++; }, minutes: function () { this.counter—; } } })</script></body></html>`2、实现效果最后实现的效果,看gif图:

相关推荐
阅读 +