首页vue全局引入js文件

vue全局引入js文件

时间: 2023-11-28 18:58:54 浏览: 67

1. 在项目根目录下创建一个`public`文件夹，将需要引入的js文件放入该文件夹中。 2. 在`index.html`文件中添加以下代码： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue App</title> </head> <body> <div id="app"></div>  <script src="./public/example.js"></script>  </body> </html> ``` 3. 在`vue.config.js`文件中添加以下代码： ```javascript module.exports = { chainWebpack: config => { config.plugin('html') .tap(args => { args[0].template = './public/index.html' return args }) } } ``` 这里的作用是将`public/index.html`文件作为模板文件，即`index.html`文件会以此为基础进行构建。 4. 在vue组件中即可直接使用全局引入的js文件中的变量、函数等。注意：如果需要引入多个js文件，只需要在`index.html`文件中依次引入即可。

阅读全文