文章目录
- 1.正常使用computed
- 2.使用computed返回可传参的函数
1.正常使用computed
一般我们使用computed返回一个变量字段，这个字段会根据具体的某个变量计算得到
例如
javascript"><div>{{num}}--{{num10}}</div>let num = ref(1)
let num10 = computed(()=>{return num.value*10
})
2.使用computed返回可传参的函数
需求：当obj变化时候，去对应的属性值；
原先使用函数，只能初次取值有效。当obj的值变化后，取不到，那么可以使用计算属性实现；注意计算属性返回的是个ref的类型变量
改造前：
javascript"><div>{{getName('aa1')}}</div>let obj = ref({aa1:1,aa2:1,aa3:1,
})
const getName = (key) => {let value = obj.value[key]return value
}
改造后：
javascript">const getName = computed(()=>{return (key) => {let value = obj.value[key]return value}
})
