我想在content组件里调用外部js(test.js)里的diyfun方法,怎么实现呢?
我的content组件代码:
<template>
<div>
<input ref='test' id="test">
<button @click='diyfun'>Click</button>
</div>
</template>
<script>
export default {
data () {
return {
testvalue: ''
}
}
}
</script>
我的test.js代码:
console.log('Test info')
function diyfun() {
console.log('Success')
}
我知道可以将方法直接定义到组件里,比如这样:
<template>
<div>
<input ref='test' id="test">
<button @click='diyfun'>Click</button>
</div>
</template>
<script>
export default {
data () {
return {
testvalue: ''
}
},
methods: {
diyfun: function () {
console.log('Success')
}
}
}
</script>
但是代码一多看着好乱,就想将方法定义在外部js文件里,在组件里调用它,求实现方法。
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…