v3使用computed写法
时间: 2023-07-11 11:33:23 浏览: 115
watch和computed的区别经典案例
在Vue.js 3中,可以使用`computed`函数来创建计算属性。`computed`函数接收一个函数作为参数,该函数返回计算属性的值。例如:
```
import { computed } from 'vue'
export default {
setup() {
const count = ref(0)
const doubleCount = computed(() => count.value * 2)
return {
count,
doubleCount
}
}
}
```
在上面的例子中,我们使用`computed`函数创建了一个名为`doubleCount`的计算属性,它的值是`count`的两倍。我们可以在模板中使用`doubleCount`,它会自动响应`count`的变化。
需要注意的是,在Vue.js 3中,计算属性必须使用`computed`函数创建,而不能使用`getters`。
阅读全文