在Vue.js 3中，ref和reactive都是用于創建響應式數據的方法。
1. ref：它用于創建一個響應式的單一值。當你需要跟蹤一個單一的變量時，可以使用ref。例如：
import { ref } from 'vue';
const count = ref(0); // 創建一個響應式的初始值為0的計數器
count.value++; // 修改計數器的值
2. reactive：它用于創建一個響應式的JavaScript對象。當你需要跟蹤一個對象的多個屬性時，可以使用reactive。例如：
import { reactive } from 'vue';
const state = reactive({
count: 0,
message: 'Hello'
}); // 創建一個響應式的對象，包含count和message兩個屬性
state.count++; // 修改count的值
state.message = 'World'; // 修改message的值
總結一下，ref適用于追蹤單個值的變化，而reactive適用于追蹤對象內部多個屬性的變化。
