vue2项目, 怎么在option API的基础上, 混用composition API？

Z时代
2024-03-04
分类：IT

前提是引入了@vue/composition-api

回答：

不建议混用，旧的就按旧的方式，新的组件你可以使用 composition 的方式，不要直接混用，这样非常不友好。

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

回答：

应该是不可以混用的，如果你已经写了setup()就没办法再使用data或者methods了

回答：

vue/Vue2项目中，可以通过在组件中引入@vue/composition-api库来使用Composition API。在使用Composition API时，需要在组件中使用setup()函数，而不是使用传统的选项API。可以在setup()函数中混用选项API和Composition API。例如：

import { reactive, computed } from '@vue/composition-api'
export default {
  data() {
    return {
      count: 0
    }
  },
  setup() {
    const state = reactive({
      message: 'Hello!'
    })
    const doubleCount = computed(() => this.count * 2)
    return {
      state,
      doubleCount
    }
  }
}