1.安裝插件 cnpm install @vue-macros/reactivity-transform -D
2.vite.config.js引入

// 導(dǎo)入庫(kù)
import ReactivityTransform from '@vue-macros/reactivity-transform/vite'

export default defineConfig(({ mode, command }) => {
  return {
    plugins: [
      // createVitePlugins(env, command === 'build'),
      vue(),
      ReactivityTransform(),//對(duì) ref 語法糖進(jìn)行轉(zhuǎn)化，不用使用.value賦值
      setupExtend(),
      AutoImport({
        imports: ['vue', 'vue-router', 'pinia'], //自動(dòng)引入vue的ref、toRefs、onmounted等，無需在頁(yè)面中再次引入
        dts: false, // 生成在src路徑下名為auto-import.d.ts的聲明文件
      })
    ]
  }
})

<template>
  <div>
    <el-button @click="clickBtn">點(diǎn)擊</el-button>
    {{ count }}
  </div>
</template>
<script setup>
let count = $ref(0)
const clickBtn = () => {
  count++
  console.log('22', count)
}
</script>