vue注册全局组件的方法

需求：有一个告警提示弹窗通过mq发送信息给前端，需要在所有页面都显示这个告警，且跳转页面后不关闭页面

方法一：将弹窗内容单独封装到一个组件中(包含标签、一些事件操作)，在项目的根组件App.vue中引入

// 公共的弹窗组件
<template>
  <div>{
  {msg}}</div>
</template>

export default {
    name: 'warn-DialogsAll',
    return {
      msg: 'hello',
    },
    methods:{
        hanleClick(){
            this.$message.success(this.msg)
        }
    }
}

在根组件(也是项目入口文件)App.vue引入

<template>
  <div id="app">
    <router-view v-if="alive" />
    <keep-alive>
      <helloWord/>
    </keep-alive>
  </div>
</template>



import helloWord from '@/components/helloWord '
export default {
  name: 'App',
  components:{
    helloWord 
  }
}

//这样hello.vue就成了全局组件可以摘任何页面中使用，且不会因为路由的跳转而消失/隐藏