高版本vue依赖取消 vue/macros导致$ref 报错 ./macros问题

前言

为了方便用了$ref的语法糖，但自从3.3.4后面的版本都不支持。只能通过引入第三方依赖包 解决这个问题。

原来的用法

// package.json

"vue":"^3.2.0", // 版本小于3.3.4

// vue文件引用
<script lang="ts" setup>
import { $ref } from "vue/macro"
let data = $ref("abc");
</script>

方法一：引入工具依赖包

# 单独引入 vue-macros 做高版本 vue依赖兼容  
npm i -D @vue-macros/reactivity-transform

方法二：指定vue版本

// package.json

"vue":"^3.3.4",