首页vue index.html 引入js,vue引入js文件有哪几种方法

vue index.html 引入js,vue引入js文件有哪几种方法

时间: 2023-12-08 09:04:31 浏览: 332

Vue 引入 JS 文件的方式有以下几种： 1. 在 index.html 中使用 script 标签引入外部 JS 文件： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue App</title> </head> <body> <div id="app"></div> <script src="/path/to/vue.js"></script> <script src="/path/to/app.js"></script> </body> </html> ``` 2. 使用 Webpack 等构建工具打包 JS 文件，并在 Vue 组件中使用 import 引入： ```javascript import Vue from 'vue'; import App from './App.vue'; new Vue({ el: '#app', render: h => h(App) }); ``` 3. 在 Vue 组件中使用 require 引入外部 JS 文件： ```javascript export default { mounted() { require('/path/to/plugin.js'); // 或者 require(['/path/to/plugin1.js', '/path/to/plugin2.js'], function() { // 回调函数 }); } }; ``` 以上三种方式均可在 Vue 项目中引入外部 JS 文件。

阅读全文