Vue中如何从源码角度深入理解use()方法的运用？

本文共计1711个文字，预计阅读时间需要7分钟。

关于vue.use()，我们都知道一些什么？

在用vue做开发时，大家一定经常接触到Vue.use()方法。官网给出的解释是：通过全局方法Vue.use()使用插件。这个方法接收一个对象或一个构造函数作为参数，返回Vue的构造函数。我觉得把使用理解成注册更合适，首先看下注册这个词：

1. 记录、登记：把有关事项或东西登录在册籍上。

2.指注册商标：向国家商标局申请注册商标。

所以，Vue.use()就是将插件注册到Vue实例上，让Vue实例具备插件的相应功能。

关于 vue.use 我们都知道些什么？

在做 vue 开发的时候大家一定经常接触 Vue.use() 方法，官网给出的解释是: 通过全局方法 Vue.use() 使用插件；我觉得把使用理解成注册更合适一些，首先看下面常见的注册场景。

import Router from 'vue-router' Vue.use(Router) import Vuex from 'vuex' Vue.use(Vuex) import Echarts from 'echarts' Vue.prototype.$echarts = Echarts

关于 echarts 的注册很简单，直接挂在 Vue 方法的原型上，通过原型链继承的关系可以在任意一个组件里通过 this.$echarts 访问到 echarts 实例，我们来写一个简单的例子证明一下。