- computed(计算属性)
- methods(方法)
- watch(侦听器)
<!-- {{}}中数据先从data中找,找不到再到computed中找 -->
<div id="#app">{{fullName}} {{age}}</div>
<script>
var vm = new Vue({
el:'#app',
data:{
firstName:'1',
lastName:'2',
age:30
},
computed:{
fullName(){
return this.firstName+this.lastName
}
}
})
</script>
<div id="#app">{{fullName()}} {{age}}</div>
<script>
var vm = new Vue({
el:'#app',
data:{
firstName:'1',
lastName:'2',
age:30
},
methods:{
fullName(){
return this.firstName+this.lastName
}
}
})
</script>
<div id="#app">{{fullName}} {{age}}</div>
<script>
var vm = new Vue({
el:'#app',
data:{
firstName:'1',
lastName:'2',
fullName:'',
age:30
},
watch:{
firstName(){
this.fullName =this.firstName+this.lastName
},
lastName(){
this.fullName = this.firstName+this.lastName
}
}
})
</script>