总结:
- computed 实际是个方法, 但是用的时候 把他当作一个属性, 不需要在后边加()
- 一直监听数据的变化, 如果有变化立即返回一个值
- computed 还有一个功能就是 缓存的共功能, 就是 当数据不变化的时候就一直保存之前的值, 不管你使用多少次
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Page Title</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<script src='../../lib/vue-2.4.0.js'></script>
<script src='../../vue-router-3.0.1.js'></script>
<style>
</style>
</head>
<body>
<div id="pp">
<input type="text" v-model="arg1" >
<input type="text" v-model="arg2">
<input type="text" v-model="getAdd" >
</div>
<script>
new Vue({
el:'#pp',
data:{
arg1:'',
arg2:'',
},
methods:{
},
computed:{
getAdd: function(){
if(this.arg1 !='' && this.arg2 !=''){
console.log(this.arg1)
return (parseInt(this.arg1)+parseInt(this.arg2))
}
}
}
},
)
</script>
</body>
</html>