watch属性
2018-08-03 本文已影响0人
椰果粒
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://unpkg.com/vue@2.5.16/dist/vue.js"></script>
</head>
<body>
<div id="app">
{{fullName}}
</div>
<script>
// 生命周期函数就是 Vue实例在某一个时间点自动执行的函数
var vm = new Vue({
el : "#app",
data : {
firstName : 'jingwen',
lastName : "fu",
fullName : "fu jingwen"
},
// 也有缓存
// 监听数据变化
watch : {
firstName : function(){
this.fullName = this.firstName + this.lastName;
}
}
})
</script>
</body>
</html>
