vue cli构建的项目中，vue组件里怎么引入外部js文件里的方法

Question

我想在content组件里调用外部js(test.js)里的diyfun方法，怎么实现呢？
我的content组件代码：

我的test.js代码：

console.log('Test info')function diyfun() {console.log('Success')
}

我知道可以将方法直接定义到组件里，比如这样：

但是代码一多看着好乱，就想将方法定义在外部js文件里，在组件里调用它，求实现方法。

Answer 1

content组件代码：<template>&nbsp; <div>&nbsp; &nbsp; &nbsp; <input ref='test' id="test">&nbsp; &nbsp; &nbsp; <button @click='diyfun'>Click</button>&nbsp; </div></template><script>import {myfun} from '../js/test.js' //注意路径export default {&nbsp; data () {&nbsp; &nbsp; return {&nbsp; &nbsp; &nbsp; testvalue: ''&nbsp; &nbsp; }&nbsp; },&nbsp; methods:{&nbsp; &nbsp; &nbsp; diyfun:function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; myfun();&nbsp; &nbsp; &nbsp; }&nbsp; }}</script>test.js代码：function myfun() {console.log('Success')}export { //很关键&nbsp; myfun}关键是用到了es6的语法，大胆用es6，反正会被编译成能执行的代码。