里面依赖的值只要发生变化,就会触发
import { ref, computed } from 'vue';
let name1 = ref('张')
let name2 = ref('三')
let totalName = computed({
get(){
return name1.value+'-'+name2.value
},
set(newVal){
[name1.value,name2.value] = newVal.split('-')
}
})
const changeName = () =>{
totalName.value = '游-芸霞'
}
let totalName2 = computed(()=>name1.value+'-'+name2.value)
<template>
<h1>computed计算属性</h1>
<div>
<span>姓:</span> <input v-model="name1" />
</div>
<div>
<span>名:</span> <input v-model="name2"/>
</div>
<div>
<span>全名:</span> <input v-model="totalName"/>
<span>全名:</span> <input v-model="totalName2"/>
</div>
<button @click="changeName">更改名字</button>
</template>