//1.计算属性虽然绑定的是一个方法,但是我们可以像调用属性一样去调用,即不用加括号
//2.计算属性也有监听效果,只要计算属性方法内使用的变量发生数据变化,就会重新计算赋值
//3.计算属性的值会被存储起来,只要数据不发生变化,每次去请求都会是存储的值,节省效率
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../util/vue-2.4.0.js"></script>
</head>
<body>
<div id="test">
<input type="text" v-model="firstname">+
<input type="text" v-model="lastname">=
<input type="text" v-model="fullname">
</div>
<script>
var vm1 = new Vue({
el:"#test",
data:{
firstname:"",
lastname:"",
},
methods:{},
components:{},
created(){},
watch:{},
router:{},
computed:{
//1.计算属性虽然绑定的是一个方法,但是我们可以像调用属性一样去调用,即不用加括号
//2.计算属性也有监听效果,只要计算属性方法内使用的变量发生数据变化,就会重新计算赋值
//3.计算属性的值会被存储起来,只要数据不发生变化,每次去请求都会是存储的值,节省效率
"fullname":function () {
return this.firstname + this.lastname
}
}
})
</script>
</body>
</html>
