vue 导入 js文件

在Vue中导入JavaScript文件可以使用ES6的`import`语法或者CommonJS的`require`语法。

1. 使用ES6的`import`语法：在Vue组件中，可以使用ES6的`import`语法来引入JavaScript文件。例如：

<template>
  <div class="my-component">
    <!-- 组件内容 -->
  </div>
</template>

<script>
  // 在这里引入JavaScript文件
  import myScript from './myScript.js';

  export default {
    name: 'MyComponent',
    // 组件定义
  }
</script>

在这个例子中，我们使用ES6的`import`语法来引入名为`myScript`的JavaScript文件。在Vue组件中，我们可以使用`myScript`变量来访问这个文件中导出的内容。

2. 使用CommonJS的`require`语法：如果在Vue项目中使用了Webpack或者Browserify等打包工具，也可以使用CommonJS的`require`语法来导入JavaScript文件。例如：

<template>
  <div class="my-component">
    <!-- 组件内容 -->
  </div>
</template>

<script>
  // 在这里引入JavaScript文件
  const myScript = require('./myScript.js');

  export default {
    name: 'MyComponent',
    // 组件定义
  }
</script>

在这个例子中，我们使用CommonJS的`require`语法来引入名为`myScript`的JavaScript文件。在Vue组件中，我们可以使用`myScript`变量来访问这个文件中导出的内容。

需要注意的是，在Vue中导入JavaScript文件时，需要使用相对路径或者绝对路径来指定文件路径。同时，如果需要使用ES6的`import`语法，需要使用Babel等工具进行转换。