zoukankan      html  css  js  c++  java
  • 2021年4月24日

    时间:1.9个小时左右

    代码:160行左右

    博客:1

    知识点:今天尝试写了一个简单的计算器,用到了前面的知识

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>Document</title>
    </head>
    <body>
      <div id="app">
        <h1>简单计算器</h1>
        <div>
          <span>数值A:</span>
          <span>
            <input type="text" v-model='a'>
          </span>
        </div>
        <div>
          <span>数值B:</span>
          <span>
            <input type="text" v-model='b'>
          </span>
        </div>
        <div>
          <button v-on:click='handle'>计算</button>
        </div>
        <div>
          <span>计算结果:</span>
          <span v-text='result'></span>
        </div>
      </div>
      <script type="text/javascript" src="js/vue.js"></script>
      <script type="text/javascript">
        /*
          简单计算器案例 
        */
        var vm = new Vue({
          el: '#app',
          data: {
            a: '',
            b: '',
            result: ''
          },
          methods: {
            handle: function(){
              // 实现计算逻辑
              this.result = parseInt(this.a) + parseInt(this.b);
            }
          }
        });
      </script>
    </body>
    </html>
  • 相关阅读:
    AGC005D ~K Perm Counting
    运行python脚本后台执行
    java枚举类型
    java可变参数长度
    java 泛型数组列表
    java抽象类
    java final使用
    java继承
    java 对象
    java 重载
  • 原文地址:https://www.cnblogs.com/j-y-s/p/14903294.html
Copyright © 2011-2022 走看看