vue中computed方法使用；computed返回函数

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
  }
})