vue项目开发全局组件笔记

在开发vue项目时，经常会用到element UI组件，在全局使用像message，toast，alert等组件得时候会很方便，但是在开发需要UI制定的项目时，就不能使用element UI了，这时就需要自己去开发属于自己的组件库了。
具体的开发方法官网提供了。下面我们就根据官网提供的方法来开发属于我们自己的alert警告组件

1. 首先我们要在src/components文件夹下创建一个alert文件夹，在里面创建两个文件

├── src
│   ├── components
│   │   ├── alert
│   │   │   ├── alert.vue #alert组件
│   │   │   ├── index.js #插件逻辑

2. 编写alert组件

<template>
  <transition name="alert-fade">
    <div
      class="ht-message"
      v-if="show"
    >
      <div
        class="ht-model"
        @click="close"
      ></div>
      <div
        class="ht-message-box"
        :style="'width:'+width"
      >
        &l