介绍
这篇文章主要讲解了Vue基于es6导入外部js文件的方法,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。
也许大家都是使用习惯了es5的写法喜欢直接用《剧本》标签倒入js文件,但是很是可惜,这写法。在es6,或则说Vue环境下不支持
真的写法是怎样?
首先。我们要改造我们要映入的外部js文件,改成下面这个格式。主要是红色方块内部代码,我们需要将我们的模块“抛”出,让人能获取到
代码:
函数realconsole () { alert(“你好。由于使用me"); } {出口 realconsole }
其次,到我们的寄主那里,我们需要导入,仿造其他的文件,写法是这样的:
代码:
& lt; template> & lt; div类=皌eslist"祝辞 & lt;按钮@click=癿ethods1"祝辞显示console & lt;/div> & lt;/template> https://www.yisu.com/zixun/lib/myconsole.js & lt;脚本src="> 脚本 <时尚> .teslist { } 风格>
注意红色叉的部分,那是我们es5的写法,绿色才是正确的
接着是效果图
看完上述内容,是不是对Vue基于es6导入外部js文件的方法有进一步的了解,如果还想学习更多内容,欢迎关注行业资讯频道。