vue3.0中computed的两种用法

先定义2个ref，computed返回的是一个ref对象

const firstName = ref('james');
const lastName = ref('kobe');

用法一:传入一个getter函数

 const objName1 = computed(() =>  firstName.value + " " + lastName.value );  // james kobe

用法二:传入一个对象，对象包括getter/setter函数

const objName2 = computed({
  get: () => firstName.value + " " + lastName.value,
  set: (newValue) => {
    const names = newValue.split(" ");
    firstName.value = names[0];
    lastName.value = names[1];
  }
});

想改变值的话这样

const changeName = () => {
  objName.value = "jordan 1";
  firstName.value = '哈哈';
};