两个数相加，结果自动更新

abstract：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>两个数相加，结果自动显示</title> </head> &

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>两个数相加，结果自动显示</title>
</head>
<body>
<div id="box">
    <input type="text" v-model="num1">&nbsp;+
    &nbsp;<input type="text" v-model="num2">&nbsp;
    <h3 v-show="true">等于：{{countNum}}</h3>
</div>

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

Correcting teacher：韦小宝Correction time：2019-03-02 09:12:46
Teacher's summary：写的很不错侦听器用起来的确是非常的方便要比使用普通的js或者jQuery方便多了

两个数相加，结果自动更新

Popular Entries