computed的基本使用

computed的使用

• 方式一：接收一个getter函数，并为 getter 函数返回的值，返回一个不变的 ref 对象；
• 方式二：接收一个具有 get 和 set 的对象，返回一个可变的（可读写）ref 对象

setup() {
  const firstName = ref("Kobe");
  const lastName = ref("Bryant");

  // 用法一：传入一个getter函数
  // computed的返回值是一个不可变的响应式ref对象
  // const fullName = computed(() => firstName.value + " " + lastName.value);

  // 用法二：传入一个对象，对象包含getter/setter
  const fullName = computed({
    get: () => firstName.value + " " + lastName.value,
    set(newValue) {
      const names = newValue.split(" ");
      firstName.value = names[0];
      lastName.value = names[1];
    }
  })
  
  const changeName = () => {
    // firstName.value = "beichen";
    fullName.value = "beichen zero";
  }
  return {
    fullName,
    changeName
  }
}