vue3响应对象,Proxy对象怎么取值?

Question

刚学 有点懵
问下
vue3中的响应对象用 xx.value取值,然后在模板能直接解包 用xx就行
那proxy对象呢? 每次都要toRaw()取原始对象吗?

一个困惑

<script step>
ref() reactive() 获得响应对象
这里需要计算判断的话就满屏是 xxx.value ???

然后Proxy对象要组装数据 数据计算判断

  是  const t = toRaw(Proxy)   只能这样吗??


搞得有点懵呀


// 大佬看看是这样吗
// 省市区选择器
const show = ref(false);
const columns = cityData;
const customFieldName = {
  text: "name",
  values: "code",
};
function onCityConfirm(value) {
  const province = toRaw(value[0]);
  const city = toRaw(value[1]);
  const area = toRaw(value[2]);
  console.log(province, province.name);
  form.province = province.name;
  form.provinceCode = province.code;
  form.city = city.name;
  form.cityCode = city.code;
  form.area = area.name;
  form.areaCode = area.code;
  show.value = false;
}