在vue中如何使用自己写的js

在做弹框部分时,要用到一个拖拽的效果,搜了好久的插件,但是感觉没有很符合我需要的那种,所以就把之前写的js拖拽拿了过来,放到vue里。那具体操作时怎样的呢?咱们一起来看一下:
1.首先在assets/js里新建一个drag.js
2.将拖拽的js拷贝到里面,并export default出去。

export default function drag (id) {
    //  代码内容
}

3.在main.js中去引入这个js,并绑在vue的原型上:

import { drag } from './assets/js/drag.js'

Vue.prototype.$drag = drag

4.再去页面使用的时候,只要调用this.$drag()就可以了。

你可能感兴趣的:(vuejs,javascript)