vue3组件中引入js文件并使用

在Vue3组件中引入JS文件并使用，可以通过以下步骤实现：

1. 在Vue组件的template中添加一个script标签，用于引入JS文件。

<template>
  <div>
    <script src="./my-script.js"></script>
  </div>
</template>

2. 在Vue组件的script标签中，可以在mounted生命周期钩子函数中使用引入的JS文件中的函数或变量。

<script>
import { ref } from 'vue';

export default {
  name: 'MyComponent',
  mounted() {
    // 使用myFunction函数
    myFunction();

    // 使用myVariable变量
    console.log(myVariable);
  }
}
</script>

注意：如果引入的JS文件中包含全局变量或函数，需要在Vue组件的script标签中使用window进行访问。

<script>
import { ref } from 'vue';

export default {
  name: 'MyComponent',
  mounted() {
    // 使用全局变量myGlobalVariable
    console.log(window.myGlobalVariable);

    // 使用全局函数myGlobalFunction
    window.myGlobalFunction();
  }
}
</script>