vue3中 在script step里 conputed 的写法

在Vue3中，在Script Setup部分使用“computed”属性的写法是这样的：

import { computed } from 'vue'

export default {
  setup() {
    const count = ref(0)

    const double = computed(() => count.value * 2)

    return {
      count,
      double
    }
  }
}

这种写法可以将计算属性定义为一个常量，并且在模板中直接使用它，而不需要在“methods”属性中定义一个方法。希望这能够帮到你！ :)

相关问题

vue3 script step conputed 写法

回答：可以这样写：

<script>
export default {
data() {
return {
count: 0
}
},
computed: {
doubleCount() {
return this.count * 2;
}
},
methods: {
increment() {
this.count++;
}
}
}
</script>