首先，确保你的项目中已经安装了 Vant。如果没有安装，可以使用以下命令：
npm install vant
然后，在你的 Vue 组件中引入 Vant NoticeBar 组件：
<template>
<div>
<van-notice-bar
text="这是一条通知栏消息"
left-icon="info-o"
color="#1989fa"
/>
</div>
</template>
<script>
import { NoticeBar } from 'vant';
export default {
components: {
[NoticeBar.name]: NoticeBar,
},
};
</script>
在上面的例子中，我们引入了 Vant 的 NoticeBar 组件，并在模板中使用了 van-notice-bar 标签，通过 text 属性设置通知栏显示的文本内容，通过 left-icon 属性设置左侧图标，通过 color 属性设置通知栏的颜色。
你可以根据需要配置 NoticeBar 组件的其他属性，例如设置滚动速度、滚动模式等。具体的配置选项可以参考 Vant 官方文档。
确保在项目中引入了 Vant 的样式文件，以确保样式正确显示。
转载请注明出处：http://www.zyzy.cn/article/detail/5685/Vant