今天小编给大家分享一下Vue提示框组件vue-notification如何使用的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。
先看下演示效果：
安装方法：
通过
npm install vue-notification就能使用了。
导入方法：
import Notifications from 'vue-notification'; Vue.use(Notifications);
引用方法：
this.$notify({
type: 'success',
title: '提示：',
text: '参数保存成功！'
});并且需要在 App.vue 里加入
<notifications position="top right" duration=4 />。
其中 duration 参数为持续时间。
position 参数为提示位置，前面的值为纵向的顶部
top和底部
bottom，后面的值为横向的左
left、中
center、右
right。
觉得 top 太靠上的话，
可以加个 css 调整下位置。
/* 设置提示框显示位置 */
.vue-notification-group{
top: 10% !important;
}更多参数：