vue 怎么导入js 文件

<template>
  <!-- 组件模板 -->
</template>

<script>
import myScript from './path/to/myScript.js';

export default {
  name: 'MyComponent',
  mounted() {
    // 使用导入的脚本
    myScript();
  }
}
</script>

<style>
/* 组件样式 */
</style>

// myScript.js
export function myFunction() {
  // 函数实现
}

// 另一个文件
import { myFunction } from './path/to/myScript.js';

myFunction();

// 动态导入
const loadScript = async () => {
  const module = await import('./path/to/myScript.js');
  // 使用模块
  module.myFunction();
};

loadScript();

// utils.js
export function greet(name) {
  console.log(`Hello, ${name}!`);
}

<template>
  <div>{{ greeting }}</div>
</template>

<script>
import { greet } from './utils';

export default {
  data() {
    return {
      greeting: ''
    };
  },
  mounted() {
    greet('World');
    this.greeting = 'Hello, World!';
  }
};
</script>