美文网首页
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