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 一个值决定多个值
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
