Vue基于es6导入外部js文件的方法

这篇文章主要讲解了Vue基于es6导入外部js文件的方法,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:申请域名、网页空间、营销软件、网站建设、习水网站维护、网站推广。

也许大家都是使用习惯了es5的写法喜欢直接用《Script》标签倒入js文件,但是很是可惜,这写法。在es6,或则说vue环境下不支持

真的写法是怎样?

首先。我们要改造我们要映入的外部js文件,改成下面这个格式。主要是红色方块内部代码,我们需要将我们的模块“抛出”,让人能获取到

Vue基于es6导入外部js文件的方法

代码:

function realconsole(){
alert("hello.thanks use me");
}
export {
realconsole
}

其次,到我们的寄主那里,我们需要导入,仿造其他的文件,写法是这样的:

Vue基于es6导入外部js文件的方法

代码:




注意红色叉的部分,那是我们es5的写法,绿色才是正确的

接着是效果图

Vue基于es6导入外部js文件的方法

看完上述内容,是不是对Vue基于es6导入外部js文件的方法有进一步的了解,如果还想学习更多内容,欢迎关注创新互联行业资讯频道。


文章名称:Vue基于es6导入外部js文件的方法
文章出自:http://pwwzsj.com/article/pjedhp.html