Vue基于es6导入外部js文件的方法
这篇文章主要讲解了Vue基于es6导入外部js文件的方法,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:申请域名、网页空间、营销软件、网站建设、习水网站维护、网站推广。
也许大家都是使用习惯了es5的写法喜欢直接用《Script》标签倒入js文件,但是很是可惜,这写法。在es6,或则说vue环境下不支持
真的写法是怎样?
首先。我们要改造我们要映入的外部js文件,改成下面这个格式。主要是红色方块内部代码,我们需要将我们的模块“抛出”,让人能获取到
代码:
function realconsole(){ alert("hello.thanks use me"); } export { realconsole }
其次,到我们的寄主那里,我们需要导入,仿造其他的文件,写法是这样的:
代码:
注意红色叉的部分,那是我们es5的写法,绿色才是正确的
接着是效果图
看完上述内容,是不是对Vue基于es6导入外部js文件的方法有进一步的了解,如果还想学习更多内容,欢迎关注创新互联行业资讯频道。
网站标题:Vue基于es6导入外部js文件的方法
当前网址:http://myzitong.com/article/pjedhp.html