Vue全局Message组件如何改写为长尾？

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

不知道大家是否在使用一些UI框架，比如Element-ui的时期，是否觉得有一些全局组件用起来很爽。this.$message(), this.Toast()等，用起来很方便。它们不像其他组件，需要导入，注册。真是烦躁啊。看了Elem

不知道大家在用一些UI框架，比如Element-ui的时候，有没有觉得一些全局组件。this.$message(),this.Toast()等，用起来很爽。他们不像其他的组件，需要去导入，去注册。麻烦的很。

看了Element的源码，自己也撸了一个。其中包括了以前没有接触过的插件知识，哎，感觉自己对Vue的理解还是不够，只停留在了使用的这阶段。需要更多的往深层次的地方去钻。不说废话了，直接上代码。

效果演示

全局组件需要一个index.js文件去注册

BlogMessage.vue

这里的script是用ts写的。