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

  介绍

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

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

真的写法是怎样?

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

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

代码:

函数realconsole () {
  alert(“你好。由于使用me");
  }
  {出口
  realconsole
  }

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

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

代码:

& 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文件的方法

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

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