在vue文件中如何插入js文件

在.vue文件中插入.js文件的方式有两种：

1. 使用import语句引入.js文件：

在.vue文件的script标签中，使用import语句引入需要插入的.js文件。例如，如果要插入的.js文件名为example.js，可以在.vue文件中添加如下代码：

<script>
import example from './example.js';

export default {
  // 组件的其他代码
}
</script>

这样，在.vue文件中就可以使用example.js中定义的变量、函数或对象了。

2. 使用script标签直接引入.js文件：

在.vue文件的template标签之后，使用script标签插入.js文件。例如，如果要插入的.js文件名为example.js，可以在.vue文件中添加如下代码：

<template>
  <!-- 组件的模板代码 -->
</template>

<script>
export default {
  // 组件的其他代码
}
</script>

<script src="./example.js"></script>

这样，在.vue文件中就可以使用example.js中定义的变量、函数或对象了。

总的来说，第一种方式更适合在.vue文件中引入其他模块，而第二种方式更适合在.vue文件中直接引入一些简单的.js文件。具体使用哪种方式，可以根据实际需求来选择