vue中public文件夹下js文件引入src文件下js

在Vue中，public文件夹是用于存放静态资源的地方，其中的文件可以通过相对路径引入到Vue组件中。如果你想在public文件夹下的JS文件中引入src文件夹下的JS文件，可以采用以下两种方式：

1. 使用绝对路径引入

在public文件夹下的JS文件中，可以使用绝对路径引入src文件夹下的JS文件。例如，如果你想在public/js/main.js中引入src/js/utils.js文件，可以这样写：

import '/src/js/utils.js';

这样就可以在main.js中使用utils.js中定义的函数或变量了。

2. 在Vue组件中引入

如果你想在Vue组件中使用public文件夹下的JS文件和src文件夹下的JS文件，可以先在Vue组件中引入public文件夹下的JS文件，在该JS文件中再引入src文件夹下的JS文件。例如，假设你要在Vue组件中使用public/js/main.js和src/js/utils.js中定义的内容，可以这样写：

<template>
  <div>{{ message }}</div>
</template>

<script>
  import '/public/js/main.js';

  export default {
    data() {
      return {
        message: '',
      };
    },
    mounted() {
      // 在mounted钩子函数中使用utils.js中定义的函数
      this.message = getMessage();
    },
  };
</script>

在这个例子中，你首先在Vue组件中引入public/js/main.js文件，然后在mounted钩子函数中使用src/js/utils.js文件中定义的函数getMessage()。这样就可以在Vue组件中使用public文件夹下的JS文件和src文件夹下的JS文件了。