摘要：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>实战</title>
</head>
<!-- 挂载点 -->
<div id="box">
第一个数：<input type="text" v-model="num1"><br>
第二个数：<input type="text" v-model="num2"><br>
{{countNum}}
</div>
<body>
<!-- 导入vue.js -->
<script src="js/Vue.js"></script>
<script>
new Vue({
el:'#box',
// template:'<h3 style="color:red">php教学</h3>',
// 创建数据模型
data:{
num1:'',
num2:'',
tot:''
},
computed:{
countNum:function(){
return Number(this.num1) + Number(this.num2);
}
},
});
</script>
</body>
</html>
批改老师：韦小宝批改时间：2019-03-11 11:39:26
老师总结：有了侦听器以后是不是感觉好多东西实现起来都变的好简单了 等学到了PHP 可以通过vuejs结合PHP来完成各项目
