问 题
我想在content组件里调用外部js(test.js)里的diyfun方法，怎么实现呢？
我的content组件代码：
Click
export default {
data () {
return {
testvalue: ''
}
}
}
我的test.js代码：
console.log('Test info')
function diyfun() {
console.log('Success')
}
我知道可以将方法直接定义到组件里，比如这样：
Click
export default {
data () {
return {
testvalue: ''
}
},
methods: {
diyfun: function () {
console.log('Success')
}
}
}
但是代码一多看着好乱，就想将方法定义在外部js文件里，在组件里调用它，求实现方法。
解决方案
自己解决了：
content组件代码：
Click
import {myfun} from '../js/test.js' //注意路径
export default {
data () {
return {
testvalue: ''
}
},
methods:{
diyfun:function(){
myfun();
}
}
}
test.js代码：
function myfun() {
console.log('Success')
}
export { //很关键
myfun
}
关键是用到了es6的语法，大胆用es6，反正会被编译成能执行的代码。
扫一扫关注IT屋
微信公众号搜索 “ IT屋 ” ，选择关注与百万开发者在一起
cli vue 外部js 引入 文件_javascript - vue cli构建的项目中 vue组件里怎么引入外部js文件里的方法...
