上一篇我们说了elementui如何将loading组件添加到 Vue 实例上,具体内容见上期 elementui 中 loading 组件源码解析。
这一篇我们开始讲讲自定义指令
自定义指令
关于自定义指令,详细的前置信息还是官方文档最全,传送门
接下来就是 elementui 中的源码了,为了更方便阅读,我也是做了一定的简化
import
添加自定义指令部分内容完成,更多详情见github
最后,源码中是将以上的代码包裹在 loadingDirective 这个对象中,然后在 loadingDirective 上面添加 install 方法,最终在外层 index 文件中通过vue.use调用,简化代码如下
const loadingDirective = {};
loadingDirective.install = Vue => {
// 上面的代码
}
下面是源码的简略图
自此,loading 组件的源码分析全部结束