vue.js - 如何合并来自两个组合函数的状态？

Question

如何合并来自两个组合函数的状态？我已阅读文档并没有找到任何示例？

function useFeature1() {
  let state = reactive({
    todo: '',
    todolist: [],
  })
  return {
    state
  }
}

function useFeature2() {
  let state = reactive({
    items: []
  })
  return {
    state
  }
}

Answer 1

我刚刚明白没有必要合并状态。可能最好只是一致地命名州。像mainStat、stateWithFeature等。

Answer 2

...

export default {
  setup() {
    const mergedState = { ...useFeature1(), ...useFeature2() }

    // do stuff with merged     
  }
}

function useFeature1() {
  const state = reactive({
    todo: '',
    todolist: [],
  })

  return toRefs(state)
}

function useFeature2() {
  const items = ref([])

  return { items }
}

但为什么？要访问模板中的反应数据，您必须在设置中返回一个对象 - 无需合并。