Vue.js 视频背景组件

Vue.js 视频背景组件,vue.js,vuejs2,vue-component,Vue.js,Vuejs2,Vue Component,为什么我需要在VueJS应用程序中使用视频背景组件,而不只是在App.vue文件中添加视频元素 <video autoplay muted loop id="bkgrdVideo"> <source src="assets/headerVideo.mp4" type="video/mp4"> </video> 创建BackgroundVideo组件的好处是什么? 这些代码可以重用 样式可以限定到该组件的范围 该组件可以单独测试 它使父母更干净

为什么我需要在VueJS应用程序中使用视频背景组件,而不只是在App.vue文件中添加视频元素

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


创建BackgroundVideo组件的好处是什么?

  • 这些代码可以重用
  • 样式可以限定到该组件的范围
  • 该组件可以单独测试
  • 它使父母更干净
但是背景视频不需要使用组件

从没有子组件开始,随着项目的发展,将部分代码移动到组件中。
过一段时间后,您会对内联编写或作为组件编写的内容有一种感觉。

谁说您需要这样做的?如果您希望Vue应用程序能够暂停/播放/停止/更改它或其他内容,您可能希望这样做,但如果您没有看到令人信服的理由,您不必将所有内容都变成组件。