实现一个简单的Vue插件

概念

最近看了篇关于Vue插件的文章，为了避免忘记，打算写下来，以遍日后查阅。

我们引入全局变量的时候，可能需要一个一个的引入，而且在一个vue文件中引用的组件多了，会显得代码臃肿，所以才有了封装vue插件的需求。

插件组件模板

<template>
    <transition name="fade">
        <div class="toast" v-show="show">
            {
   {
   message}}
        </div>

    </transition>
</template>

<script>
export default {
   
  data () {
   
    return {
   
      show: false,
      message: ''
    };
  }
}
</script>

<style lang="scss" scoped>
.toast {
   
  position: fixed;
  top: 40%;
  left: