解决<script src>和<script setup>共存报错问题
在 vue 中使用 <script setup> 时,如果再引入一个 <script src>,可能会遇到错误。这是因为 <script setup> 必须与 <script src> 一起处理。
为了解决此问题,可以使用 vue use 插件提供的 usescripttag 函数。该函数允许在 <script setup> 之外使用 <script src>:
<script setup> // Vue 组件代码 </script> <script src="./my-script.js"></script>
然后在 ./my-script.js 中编写你的 javascript 代码。这样就能在使用 <script setup> 的同时,引入额外的外部脚本。