如何把HTML引入项目中，或者把做成个vue组件

作为初学者，网上看到很漂亮的页面效果，想引入到vue项目中，或想做成个vue组件嵌套进去

写个template，把效果的html拷贝过来，js、css

vue文件的组成，template、js、css

新建一个.vue结尾的文件，文件由<template></template>、<script></script>、<style></style>组成，将HTML代码拷贝到template标签内（注意，只能存在一个根元素，如果有多个，请用div标签将其包裹）；样式拷贝到style标签内；如果代码中涉及js部分，则需要通过vue的规范将其编写在script标签内

可以看下webcomponents https://developer.mozilla.org/zh-CN/docs/Web/Web_Components