如何基于Vue实现一个全局的Message消息组件？

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

不知道大家是否在用一些UI框架，比如Element-ui的时候，有没有觉得有一些全局组件，如this.$message(), this.Toast()等用起来很方便。它们不像其他组件，需要导入和注册，直接使用即可。这种设计让人觉得很便捷。

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

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

效果演示

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

BlogMessage.vue

这里的script是用ts写的。