vue.use方法

162 阅读1分钟

1.Vue.use()

插件开发方式demo

插件.js

export default {
    install(vue, options) {
        vue.prototype.someMethod = function(args) {
            //do something
        }
    }
}

main.js

import xxx from 'xxx/xxx'
Vue.use(xxx);

使用

this.someMethod(args)

这样的方式可以为全局提供一个方法,提高代码复用性。

Vue.use()方法也可以直接传入一个方法,不过该方法在会被立即执行。

Vue.use(function(args){
    //do something...
})

源码如图所示

QQ截图20210401192232.png

通过if条件判断进行不同逻辑处理。