Vue进阶---写一个类似Element中Message的插件

1. 创建项目, 安装项目并启动项目

vue init webpack vue-ui
cd vue-ui
cnpm install
npm run dev

2. 项目文件夹结构
3. 在src中新建插件文件夹UI-Plugin，放置我们创建的插件，结构如下:

其中：
UI-Plugin --> message 放置message组件
UI-Plugin --> index.js 为所有插件的出口

4. 实现message组件，实现功能以及动画

<template>
  <transition name='fade'>
    <div class="ui-message" v-if="show">