美文网首页
vue组件里怎么引入外部js文件里的方法

vue组件里怎么引入外部js文件里的方法

作者: yzc123446 | 来源:发表于2017-04-24 13:38 被阅读1356次
<template>
  <div>
      <input ref='test' id="test">
      <button @click='diyfun'>Click</button>
  </div>
</template>
<script>
import {myfun} from '../js/test.js' //注意路径
export default {
  data () {
    return {
      testvalue: ''
    }
  },
  methods:{
      diyfun:function(){
          myfun();
      }
  }
}
</script>

test.js代码:

function myfun() {
console.log('Success')
}
export { //很关键
  myfun
}

相关文章

网友评论

      本文标题:vue组件里怎么引入外部js文件里的方法

      本文链接:https://www.haomeiwen.com/subject/buqpzttx.html