在常规Vue组件中使用Vue合成功能

Question

文档说这是可能的，但是没有示例说明如何实现。怎么会这样呢？

Answer 1

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

function useSomething() {
  // ...
}

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