vue合成api如何解决命名冲突？

据说composition api解决了mixin带来的命名冲突。

这是我在网上找到的关于composition API的内容。

export default {
  setup () {
    const { someVar1, someMethod1 } = useCompFunction1();
    const { someVar2, someMethod2 } = useCompFunction2();
    return {
      someVar1,
      someMethod1,
      someVar2,
      someMethod2
    }
  }
}

我猜，useCompFunction1() and useCompFunction2就像 mixins 一样。在示例中，一切都很好。但如果useCompFunction1() and useCompFunction2()使用同名的变量，上面的代码仍然会遇到问题，因为我们无法使用这两个变量。所以，命名冲突当然仍然存在。那为什么说命名冲突可以用 Composition API 解决呢？

UPDATE:

我提供的示例，这是我发现应该如何编写可重用代码的代码。

import { ref, computed } from "vue";


export default {
  setup() {
    const count = ref(0);
    const double = computed(() => count.value * 2)
    function increment() {
      count.value++;
    }
    return {
      count,
      double,
      increment
    }
  }
}

正如你所看到的，它返回变量count, double, increment。它的作用是调用者应该知道它的名称才能使用它。因此，仍然是组合决定了变量的命名。任何想法 ？

之间的主要区别mixin复合函数是mixin决定它提供的变量名称，但具有组合功能，YOU决定变量的名称你分配从结果来看，组合函数提供了......

Example:

const { someVar1, someMethod1 } = useCompFunction1();
const { someVar1, someMethod1 } = useCompFunction2();

....大多数 IDE 都会告诉您这是不正确的，因为您声明的变量已经存在...

重点是，里面的变量名是什么并不重要useCompFunction1 or useCompFunction2因为这些是局部变量。但要使用它们You需要声明自己的变量并从组合函数结果中分配它...所以您决定变量名称，而不是您正在使用的“mixin”...

Update

所以，仍然是组合决定了变量的命名

不，是你！

如果您按原样使用结果：

const comp1 = useCompFunction1();

...您将结果与您选择的名称一起使用：

console.log(comp1.count)

但是，如果您选择使用解构 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment，您仍然可以重命名获得的变量：

const { count: count1, double: double1, increment: increment1 } = useCompFunction1();

...现在您可以使用变量count1, double1 and increment1如你认为合适...