mvvm计算器实现
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>vue.js</title>
<style type="text/css">
</style>
<script type="text/javascript" src="Vue.js"></script>
</head>
<body>
<div id="addminus">
<input type="text" v-model="oneNum" />
<input type="text" v-model="twoNum" />{{countNum}}
</div>
</body>
</html>
<script type="text/javascript">
var addMinus = new Vue({
el:'#addminus',
data:{
oneNum:'23', //定义默认值
twoNum:'45'
},
computed:{
countNum:function(){
return Number(this.oneNum) + Number(this.twoNum)//定义方法两数相加
}}
});
</script>
