欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

vue中引入外部js方法实例

程序员文章站 2022-03-30 15:03:50
...

我们在做vue项目时,经常会需要引入js,常用的有以下几种。本文主要和大家分享vue中引入外部js方法实例,希望能帮助到大家。

第一种

import XX from “路径”
Vue.use(XX);
这里的js文件要导出
用export default {
Vue.proprtypes.aa=function(){}
}

第二种

js文件没有用export default{}

直接就是纯方法

解决:可以在main.js中加入以下代码,其中的方法可以全局使用。

require (’路径’)

第三种

同样是纯方法

在最后将你想用的方法用export default {}导出

此方法用在单个Vue文件中,通过import {xxx} from ‘路径’引入你的方法

使用时只需调用xxx即可。

我们在做vue项目时,经常会需要引入js,常用的有以下几种。

第一种

import XX from “路径”
Vue.use(XX);
这里的js文件要导出
用export default {
Vue.proprtypes.aa=function(){}
}

第二种

js文件没有用export default{}

直接就是纯方法

解决:可以在main.js中加入以下代码,其中的方法可以全局使用。

require (’路径’)

第三种

同样是纯方法

在最后将你想用的方法用export default {}导出

此方法用在单个Vue文件中,通过import {xxx} from ‘路径’引入你的方法

使用时只需调用xxx即可。

相关推荐:

JS加载器如何动态加载外部js文件

在html中引入外部js文件,并调用带参函数的方法

引用外部js乱码问题分析及解决方案_javascript技巧

以上就是vue中引入外部js方法实例的详细内容,更多请关注其它相关文章!