Vue.use()原理

Vue.use() 使用场景及作用

常见场景如下:

• 注册vue插件 如 vue-router

• 注册ui组件库中的组件 如 vant组件库中的Button、List等等

Vue.use() 实现原理

Vue.use()接收函数或者一个包含install方法的对象为实参；如果参数带有install就执行install，如果没有就直接将参数当install执行；并且第一个参数始终为vue对象，注册过的插件不会重新注册。

以vue-router为例：
vue-router中install方法主要在Vue的原型对象上设置了两个属性$router及$route并注册了两个全局组件RouterLink及RouterView,如下,这就是为什么在导入并注册了vue-router之后可以直接使用this.$router和this.$route两个属性以及< router-link > < router-view >两个组件的原因。