计算属性
-
vue3中也可以用vue2里的写法(不建议)
-
与vue2中功能基本一致
-
在setup函数里计算属性有两种写法,简写形式和完整形式两种
-
简写形式写的计算属性,仅仅只是可读而已
setup() { let person=reactive({ name:"魈" ,address:"璃月" }) person.message=computed(()=>{ return person.name+"-"+person.address }) return {person} }
-
完整形式写的计算属性,可以更改
-
setup() { let person=reactive({ name:"魈" ,address:"璃月" }) person.message=computed({get(){ return person.name+"-"+person.address }, set(value){ let arr=value.split('-') person.name=arr[0] person.address=arr[1] } }) return {person} }