首先，确保你已经安装了 Vant4 和 Vue.js。你可以通过 npm 或 yarn 安装：
npm install vant@next
# 或
yarn add vant@next
然后，在你的 Vue 组件中，可以像这样使用 Notify 组件：
<template>
<div>
<!-- 点击按钮触发消息通知 -->
<van-button @click="showNotify">显示消息</van-button>
</div>
</template>
<script>
import { Notify } from 'vant';
export default {
methods: {
// 点击按钮时触发消息通知
showNotify() {
// 显示消息通知，可以根据需要设置参数
Notify({
type: 'success', // 消息类型，可选值：success, fail, warning
message: '操作成功',
duration: 2000, // 持续时间，单位毫秒，默认为 2000 毫秒
});
},
},
};
</script>
在这个例子中，我们使用了 van-button 组件来触发消息通知，而消息通知本身则由 Notify 函数实现。点击按钮时，showNotify 方法会调用 Notify 函数来显示消息通知。在 Notify 函数的参数中，我们设置了消息的类型为 success，消息内容为 '操作成功'，持续时间为 2000 毫秒。你可以根据需要调整这些参数以满足你的具体需求。
这只是一个简单的示例，Vant 的 Notify 组件提供了丰富的配置选项，你可以根据实际需求进行更复杂的消息通知操作。
转载请注明出处：http://www.zyzy.cn/article/detail/5822/Vant