Vue经典面试题: Vue.use和Vue.prototype.$xx有血缘关系吗?

Vue经典面试题: Vue.use和Vue.prototype.$xx有血缘关系吗?

有关系吗?

没关系, 面试的时候总会问如何在Vue的实例上挂载一个方法/属性, 也就是Vue.prototype的小技巧, 但是突然有人问他俩有啥关系还真是新

我想应该是网上有文章写Vue.prototype.$xx是用法的, 但是没有说明Vue.use的用法以及Vue.prototype.$xx为什么就能在组件内this.$xx 这么调用, 所以下面我就细细的说下.

说能学会啥?

看完本文, 能掌握如何定义一个Vue插件, 以及Vue.prototype.$xx的原理.

Vue.use

用饿了么UI举例

下面是饿了么UI的引入代码, 大家对这段应该很熟悉了.

import Vue from 'vue'
import Element from 'element-ui'
Vue.use(Element)

接下来, 我们在看下这个Element是什么

这里我们看到Element是个对象, 上面有version