Vue組件常用的import如下：

import {
  ref,
  computed,
  toRefs,
  watch,
  onMounted,
  h,
  nextTick,
  defineAsyncComponent,
  reactive,
  shallowRef,
  getCurrentInstance,
  inject,
  unref, 
  PropType,
  createVNode,
} from "vue";

shallowRef：

1.性能優(yōu)化：當(dāng)處理大型對象或者嵌套很深的對象時，如果不需要對對象的所有屬性進行響應(yīng)式追蹤，使用 shallowRef 可以減少不必要的響應(yīng)式開銷，提高性能。

2.避免不必要的更新：在某些場景下，只有當(dāng)對象引用發(fā)生改變時才需要更新視圖，使用 shallowRef 可以確保只有在這種情況下才觸發(fā)更新，避免因為對象內(nèi)部屬性的頻繁變化而導(dǎo)致的不必要的重新渲染。