首页 >web前端 >js教程 >vue中引入外部js方法实例

vue中引入外部js方法实例

小云云
小云云原创
2018-03-02 11:24:247270浏览

我们在做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方法实例的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn