显示两个数相加的和

原创 2019-01-30 11:42:10 195
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="box"> &nbs
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="box">
   第一个数:<input type="number" v-model="num1"> <br>
   第二个数:<input type="number" v-model="num2"> <br>
    <h3>两个数的和 {{res}}</h3>
</div>

<script src="D:/vue/vue.min.js"></script>
<script>
    new Vue({
        el: '#box',
        data: {
           num1: '',
           num2:""
        },
        computed:{
         res:function(){
         return Number(this.num1) + Number(this.num2)
         }
        }
    })
</script>
</body>
</html>


批改老师:天蓬老师批改时间:2019-01-30 15:18:24
老师总结:你就不能变化一下案例吗?教程是二数相加,你就相加, 难道相乘不可吗? 还是要有自己的想法, 不要总图省事, 把教学源码, 一抄了事,最终受伤的是你自己

发布手记

热门词条