在Vue 3.0中，ref和reactive都是用來定義響應式數(shù)據(jù)的方法，但它們有一些區(qū)別：

1、ref

ref 是一個函數(shù)，用來創(chuàng)建一個響應式的引用(reference)。它接受一個簡單數(shù)據(jù)類型參數(shù)并返回一個包含該參數(shù)的響應式引用對象。使用 ref 創(chuàng)建的變量，需要通過 .value 來訪問和修改其值。

  import { ref } from 'vue';
  const count = ref(0);
  console.log(count.value); // 輸出當前值
  count.value++; // 修改值

ref 適用于基本類型數(shù)據(jù)和需要按值訪問的對象。

2、reactive

reactive 是一個函數(shù)，用來創(chuàng)建一個響應式的對象。它接受一個普通對象并返回一個響應式的代理對象(proxy)。
使用 reactive 創(chuàng)建的對象可以像普通對象一樣訪問和修改屬性，無需額外的 .value。

    import { reactive } from 'vue';
       const state = reactive({
          count: 0,
          message: 'Hello!'
     });
     console.log(state.count); // 輸出當前值
     state.count++; // 修改值

reactive 適用于復雜對象和需要按引用訪問的數(shù)據(jù)結(jié)構(gòu)。

主要區(qū)別總結(jié)：

訪問方式：ref 創(chuàng)建的變量需要通過 .value 訪問和修改，而 reactive 創(chuàng)建的對象則直接訪問屬性即可。
適用對象：ref 適用于簡單數(shù)據(jù)類型和需要按值訪問的對象，而 reactive 更適合復雜對象和需要按引用訪問的數(shù)據(jù)結(jié)構(gòu)。
更新觸發(fā)：ref 中的基本類型變量更新時需要手動觸發(fā)更新，而 reactive 中的對象屬性更新會自動觸發(fā)更新。
在實際應用中，根據(jù)數(shù)據(jù)的性質(zhì)和訪問方式的需求選擇合適的響應式方式能夠更好地管理和維護數(shù)據(jù)狀態(tài)。