当前位置:Gxlcms > JavaScript > vue中引入外部js方法实例

vue中引入外部js方法实例

时间:2021-07-01 10:21:17 帮助过:107人阅读

我们在做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方法实例的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行