我们先引入一个 第三方UI库
这里 我们以elementUI为例
先引入依赖
npm install element-ui --save
![在这里插入图片描述](https://img-blog.csdnimg.cn/fc51b2e6013642c0a98ffc7be2be142b.png)
然后 在 main.js 入口文件中 引入一下
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
![在这里插入图片描述](https://img-blog.csdnimg.cn/befb9abd45274e3591831fb7e5dd7e35.png)
然后 在组件中使用
this.$notify({
title: '提示',
message: '这是一条通知消息',
type: 'success'
})
页面右侧就会出现一个精美的提示啦
![在这里插入图片描述](https://img-blog.csdnimg.cn/9fe1bfa26ec448af9bf9505bfdfe5e58.png)