vue中引入外部js文件

一些小js插件可能无法通过npm安装,需要我们手动进行引入,这里以zoom.js插件为例(一个弹框插件,无需关心插件干嘛的)

下面是插件源码,里面是一个封装好的函数

vue中引入外部js文件 常规html页面调用

vue中引入外部js文件

下面就是如何在vue中引入了

1. 首先改一下zoom源码   加上export 

vue中引入外部js文件 

2. 然后在需要用到的.vue组件中引入,我这里common路径是配好的相对路径

vue中引入外部js文件

3. 然后就可以像上图一样使用了

注意:如果想要全局使用,那么引入方法要改变一下,在main.js中引入,然后使用的时候就不能直接zoom了   需要用this.$zoom,当然这个$zoom名字是挂载的时候我自定义的

vue中引入外部js文件