element-ui组件库文档有一个地方不能理解

element-plus组件库文档里提到的这个$message方法,为什么我在element-plus源代码里找不到?

img

源码中其实有的,我引用的是elementui 2.9.0版本
在 /node_modules/elementui/src/index.js 中,可以看到 将Message这个组件挂载到了vue实例上,并且命名为 $message。
源代码如下 : Vue.prototype.$message = Message;
类似的还有 :Vue.prototype.$loading = Loading.service、 Vue.prototype.$msgbox = MessageBox等等

就是 你直接this.$message("xx")也可以使用

Message源码中有,使用withInstallFunction挂载到全局
https://github.com/element-plus/element-plus/blob/dev/packages/components/message/index.ts
withInstallFunction源码在https://github.com/element-plus/element-plus/blob/dev/packages/utils/vue/install.ts

img