vue3.0 Computed

计算 ref 定义的响应式数据

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

计算 定义的响应式数据

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