封装可重用的代码，同样也是自定义的元素都具有生命周期钩子。
<template>
<div>这是复用语句</div>
</template>
<script>
export default {
name: "component2",
props:['name'],//从父元素中接收的数据
data(){
return {
}，
methods:{
methodName:function(){
//针对这个组件的一些内部方法
}
}
//组件的生命周期钩子等都是有的
}
</script>
<style scoped>
/*css样式*/
</style>
然后再去main.js注册组件
import 组件代号 from '组件地址'
Vue.component('组件标签名'，组件代号)
然后就可以全局引用该组件