computed 注意data 里面不需要声明fullname
<template>
<div class="hello">
<h1>{{ fullName}}</h1>
</div>
</template>
<script>
export default {
props:['msg','msg2'],
computed:{
fullName(){
return this.msg+this.msg2
}
}
}
</script>
watch 如果本来传来的值 msg 有值,fullname不显示,存在问题
<template>
<div class="hello">
<h1>{{ fullName}}</h1>
</div>
</template>
<script>
export default {
props:['msg','msg2'],
data(){
return {fullName:''}
},
watch:{
msg(){
return this.fullName=this.msg+this.msg2
},
msg2(){
return this.fullName=this.msg+this.msg2
}
}
}
</script>
export default {
props:['msg','msg2'],
data(){
return {fullName:''}
},
watch:{
msg(val){
return this.fullName=val+this.msg2
},
msg2(val){
return this.fullName=this.msg+msg2
}
}
}
</script>
一样的 val相当于msg
computed 多个值决定一个值
watch 一个值决定多个值