滚动公告是Web页面中常见的一个元素，它可以用来在页面上展示重要的信息、宣传活动等。在这篇文章中，我们将介绍如何使用Vue来制作一个基本的滚动公告。

首先，我们需要使用Vue进行开发。如果您还不熟悉Vue，可以先去Vue官网进行学习和了解。在本文中，我们将使用Vue的单文件组件（Single-File Components）来完成滚动公告组件的开发。

// 滚动公告组件
<template>
<div class="scroll-message">
<ul>
<li v-for="(message, index) in messages" :key="index">{{ message }}{
this.currentIndex = (this.currentIndex + 1) % this.messages.length;
}, 2000);
},
beforeDestroy() {
// 在组件销毁之前清除定时器
clearInterval(this.intervalId);
}
};
</script>
<style>
.scroll-message {
height: 100px;
overflow: hidden;
}

在上面的代码中，我们定义了一个名为“scroll-message”的滚动公告组件。组件中包含一个ul元素，用来展示消息列表中的每一个消息。当前消息索引和定时器ID则是通过Vue的data属性来保存的。

我们在组件的“mounted”生命周期钩子中启动一个定时器，使每隔两秒钟就会切换一个新的消息显示。而在组件销毁之前，我们需要清除这个定时器，以避免内存泄漏（即组件被销毁后定时器仍然在后台运行）。

最后，我们还为滚动公告组件添加了一些基本的CSS样式，使其可以正确地展示滚动效果。

到此为止，我们已经完成了一个简单的滚动公告组件。当然，实际使用中还需要更多的功能和优化，比如改变滚动速度、添加样式。但是通过上面的代码，相信大家已经可以了解通过Vue来制作滚动公告的基本思路和实现方法了。