vue.js - 在常规 Vue 组件中使用 Vue 组合函数

Question

文档说这是可能的，但没有示例说明如何。一个人会怎么做？

Answer 1

该setup()方法就像是常规组件的附加组件，因此我们可以将其与数据、方法等一起包含在内。

function useSomething() {
  // ...
}

const Component = {
  setup() {
    const { out1, out2 } = useSomething();
    return { out1, out2 };
  },
  data: function () {
    // ...
  },
  methods: {
    // ...
  },
}