vue.js - 视频背景组件

Question

为什么我需要在我的 VueJS 应用程序中使用视频背景组件，而不是仅仅在我的 App.vue 文件中放置一个视频元素？

<video autoplay muted loop id="bkgrdVideo">
    <source src="assets/headerVideo.mp4" type="video/mp4">
</video>

有什么好处？

标签： vue.jsvuejs2vue-component

Answer 1

当您创建 BackgroundVideo 组件时。

• 该代码可以重复使用
• 样式可以限定为该组件
• 该组件可以单独测试
• 它使父母更清洁

但是您不需要为背景视频使用组件。

从没有子组件开始，随着项目的发展，将部分代码移动到组件中。
一段时间后，您将了解您喜欢内联或作为组件编写的内容。