vue如何导入外部js文件（es6）（收藏）

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

真的写法是怎样？

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

打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）

更多相关视频：

0基础前端利用『HTML+CSS』制作你喜欢的暗黑破坏神网页开发：BV1C54y1X7ro

前端发展简史，功能以及未来趋势！（你值得观看）：BV1w5411s7e4

给想学编程又无从下手的小白一些建议：BV1Zf4y117ji

「HTML+CSS」实现妙笔千山播放器制作（思路讲解＋代码+成品效果）！：BV18p4y1Q7Y1

前端面试，跳槽必刷200+真面试题，让你披荆斩棘走进大厂：BV1bz4y1d7Ys

十年前端：为你讲解前端之路：BV1L541147hW

 代码：

function realconsole(){

alert("hello.thanks use me");

}

export {

realconsole

}

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

 代码：

<template>显示console</button></div>

</template>

<script src="../../lib/myconsole.js"></script>import { realconsole } from'../../lib/myconsole.js'export default {

methods:{methods1:function(){

realconsole();

}

}}.teslist {

}

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

接着是效果图