计算属性
只要在函数里引用了 data
中的某个属性,当这个属性发生变化时,函数仿佛可以嗅探到这个变化,并自动重新执行。
<div id="app">
<input type="text" v-model="a">
<input type="text" v-model="b">
<p>{{fullName}}</p>
</ul>
</div>
<script>
new Vue({
el: '#app',
data: {
a: '',
b: ''
},
computed: {
fullName: function(){
return this.firstName + ' - ' + this.lastName;
}
}
})
</script>