<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>两个数相加,结果自动显示</title> </head> <body> <div id="box"> <input type="text" v-model="num1"> + <input type="text" v-model="num2"> <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>