vue3 外部调用计算属性的set方法

在Vue3中，计算属性的set方法可以通过ref和computed函数结合使用来实现。具体步骤如下：
1. 使用ref函数创建一个响应式对象，作为计算属性的值。
2. 使用computed函数创建一个计算属性，将ref对象作为其get方法的返回值。
3. 在computed函数中使用set方法，将新的值赋给ref对象。

下面是一个示例代码：

import { ref, computed } from 'vue';

export default {
  setup() {
    const firstName = ref('');
    const lastName = ref('');

    const fullName = computed({
      get() {
        return firstName.value + lastName.value;
      },
      set(value) {
        const names = value.split(' ');
        firstName.value = names[0];
        lastName.value = names[names.length - 1];
      }
    });

    return { firstName, lastName, fullName };
  }
}

在上面的代码中，我们创建了两个ref对象，分别用于存储名字的姓和名。然后，我们使用computed函数创建了一个计算属性fullName，其get方法返回firstName和lastName的拼接结果。在set方法中，我们将新的值按照空格分隔成两个部分，分别赋给firstName和lastName。这样，当外部调用fullName的set方法时，就可以修改firstName和lastName的值了。