Toast全局引入，超方便调用

不少库里都有Toast，原理都一样，几乎都是需要调用方法，用props传message值。代码量相对来说比较多。

拿element ui的toast来说，每调用一次toast代码量是这样的（实际截图截了两次），这还没有算上需要父子组件传值的情况。

如果项目中的多个页面都要使用toast，或者一个页面要调用多次toast，每个toast的值还不一样，那代码量相对来说就会有些多。最近在网上看学习视频，一位老师将toast.$el元素挂载到全局上，这样每次调用toast时，只需要一句代码即可完成。在这里跟大家分享一下。

（前排提示，此写法不适用于Vue3）

 

1. 首先我们需要把Toast.vue组件写好

<template>
  <div class="toast" v-show="isShow">{
  { message }}</div>
</template>

<script>
export default {
  name: "Toast",
  components: {},
  props: {
  },
  data() {
    re