首页vue项目中index.htm引入外部js, vue页面中如何调用这个js的方法

vue项目中index.htm引入外部js, vue页面中如何调用这个js的方法

时间: 2024-01-21 13:19:04 浏览: 151

与Vue.js一起使用的QRCode组件-JavaScript开发

qrcanvas-vue这是一个基于qrcanvas的与Vue.js一起使用的QRCode组件。捆绑软件的用法：＃安装$ yarn添加qrcanvas-vue <模板> <QRCanvas：options =“ options” @upd qrcanvas-vue这是一个基于qrcanvas与Vue.js一起使用的QRCode组件。与捆扎机一起使用：＃安装$ yarn add qrcanvas-vue

在 Vue 项目中，你可以在 `index.html` 中引入外部的 JavaScript 文件，例如： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My App</title> <script src="external.js"></script> </head> <body> <div id="app"></div> <script src="/dist/build.js"></script> </body> </html> ``` 这里我们假设外部 JavaScript 文件为 `external.js`，它包含一个名为 `myFunction` 的全局函数。你可以在 Vue 的组件中通过以下方式调用它： ```js export default { mounted() { window.myFunction(); } } ``` 其中 `mounted` 是一个 Vue 的生命周期钩子，表示组件挂载完成后执行。需要注意的是，全局变量和方法都会被挂载到 `window` 对象下，因此可以通过 `window` 对象来调用它们。

阅读全文