吉林网站建设设计html简单网页设计作品

1.正常使用computed

一般我们使用computed返回一个变量字段，这个字段会根据具体的某个变量计算得到
例如

<div>{{num}}--{{num10}}</div>let num = ref(1)
let num10 = computed(()=>{return num.value*10
})

2.使用computed返回可传参的函数

需求：当obj变化时候，去对应的属性值；
原先使用函数，只能初次取值有效。当obj的值变化后，取不到，那么可以使用计算属性实现；注意计算属性返回的是个ref的类型变量

改造前：

<div>{{getName('aa1')}}</div>let obj = ref({aa1:1,aa2:1,aa3:1,
})
const getName = (key) => {let value = obj.value[key]return value
}

改造后：

const getName = computed(()=>{return (key) => {let value = obj.value[key]return value}
})