目录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图:
相关推荐
© 2020 asciim码
人生就是一场修行