Vue Message 是一个轻巧松容易用的 Vue.js UI 组件库，用于在应用程序中kan得出来消息通知。

安装 Vue Message

先说说 你需要安装 Vue Message：

bash npm install vue-message --save

然后在你的 Vue 应用中引入 Vue Message：

javascript import Vue from 'vue' import VueMessage from 'vue-message' import 'vue-message/dist/vue-message.css'

Vue.use

基本用

在 Vue 组件中用 Vue Message 非常轻巧松：

javascript this.$message({ type: 'warning', message: '这是一条手动关闭的消息！' })

自定义位置

你Neng通过 position 属性来自定义消息窗口的位置：

javascript this.$message({ type: 'warning', message: '这是一条自定义位置的消息！', position: 'bottom-right' })

自定义消息内容

你Neng通过传递一个函数来返回自定义的消息内容：

javascript this.$message({ message: h => { return h } })

手动关闭

Ru果你想要消息Neng够手动关闭，你Neng不设置 duration 属性：

javascript this.$message({ type: 'success', message: '操作成功！' })

自定义样式

你Neng通过修改 CSS 来自定义消息窗口的样式：

css .v-message { background-color: #f1f1f1; border: none; box-shadow: 10px #ccc; }

.v-message__content { color: #f00; }

Vue Message 给了轻巧松而有力巨大的功Neng来在 Vue 应用程序中kan得出来消息通知。通过自定义位置、内容和样式，你Nenghen轻巧松地将其集成到你的项目中，以增有力用户体验。