vue3 computd

computed是Vue3中的计算属性，用于根据某个值或多个值的变化动态生成对应的计算结果。在Vue3中，可以在setup函数内部使用computed函数创建计算属性。

在Vue3中，可以使用两种方式创建计算属性。第一种是简写形式，可以直接在reactive对象内部定义计算属性，如下所示：

let info = reactive({
  name: "小蜜瓜",
  xing: "王",
  ming: "延欣",
});

info.oneName = computed(() => {
  return info.xing + "-" + info.ming;
});

这样就创建了一个名为oneName的计算属性，它的值是根据xing和ming的值动态计算得出的。

第二种方式是完整形式，可以使用get和set方法定义计算属性，如下所示：

info.oneName = computed({
  get() {
    return info.xing + "-" + info.ming;
  },
  set(val) {
    const valueArr = val.split('-');
    info.xing = valueArr[0];
    info.ming = valueArr[1];
  }
});

这样就创建了一个名为oneName的计算属性，它的get方法用于获取计算结果，set方法用于设置计算结果。

需要注意的是，computed具有缓存性，当无关值变化时，不会引起计算属性的变化。