zoukankan      html  css  js  c++  java
  • 【VUE】计数器模块

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>计数器</title>
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <style>
            button {
                float: left;
                 50px;
                height: 25px;
            }
            
            span {
                float: left;
                 25px;
                height: 25px;
                font-size: 20px;
                text-align: center;
            }
        </style>
    </head>
    
    <body>
        <div id="app">
            <button value="+" @click="add">+</button>
            <span>{{num}}</span>
            <button value="-" @click="sub">-</button>
        </div>
        <script>
            var app = new Vue({
                el: "#app",
                data: {
                    num: 1
                },
                methods: {
                    add: function() {
                        this.num++;
                    },
                    sub: function() {
                        this.num--;
                    }
                }
            })
        </script>
    </body>
    
    </html>
    
  • 相关阅读:
    mysql修改加密方式
    信息安全学习路线
    DNS域传送漏洞
    CSRF漏洞
    反序列化漏洞
    计算机通讯基础
    gorm gen使用
    golang makefile使用
    linux命令行录制
    go代码自动生成注释
  • 原文地址:https://www.cnblogs.com/icemiaomiao3/p/14609312.html
Copyright © 2011-2022 走看看