Vue3中属性的设置与修改

在vue3中所有的数据和函数都要在setup中编写

定义变量想要实现响应式需要使用ref()
例如：let name = ref(“张三”)
改变属性需要用 点value的方式获取定义的变量在进行赋值
例如： name.value=“李四”

setup(){
    let name = ref("张三呢");
    let age = ref(18);
    let job = ref({
      type: "前端工程师",
      salary: "30k",
    });
    function changeInfo() {
      //   name = "李四";
      //   age = 49;
      name.value = "李斯";
      age.value = 43;
      job.value.type = "UI设计师";
      job.value.salary = "40k";
      //reference引用、implement实现
    }  
	//所有定义的数据和函数必须return
  return {
      name,
      age,
      changeInfo,
      job,
    };
}