摘要:<!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
老师总结:你就不能变化一下案例吗?教程是二数相加,你就相加, 难道相乘不可吗? 还是要有自己的想法, 不要总图省事, 把教学源码, 一抄了事,最终受伤的是你自己