mvvm计算器实现

原创 2019-02-20 20:34:56 334
摘要:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>vue.js</title> <style type="text/css"> </style> <script type="tex

<!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>

KQFSJCH0VMZDIZEI37@09(T.png

批改老师:韦小宝批改时间:2019-02-21 09:06:44
老师总结:写的很不错 掌握了侦听器可以在好多地方都可以使用到 并且还提高了方便度

发布手记

热门词条