手把手教学，Vue组件和插件的创建与使用

什么是Vue组件

组件是Vue中非常重要的概念，是一个可以重复使用的Vue，是可以重复使用的Vue实例，它拥有独一无二的组件名称，它可以扩展HTML元素，以组件名称的方式作为自定义的HTML标签。

组件的作用

1.组件是vue的一个重要的特点
2.实现多人协作开发
3.通过组件划分降低开发的难度
4.实现复用，降低重复劳动

如何定义组件

1.定义
注意:template有且只有一个根节点
const steper ={
   
 template: '<span></span>'
}
2.在父组件中注册
 components:{
   steper:stepter}
3.在组件的模板中使用<steper></steper>

如何创建Vue组件

第一步在：components文件下面创建一个vue文件（TabsCom.vue）

第二步在：App.vue文件导入组件

import TabsCom from '@/components/TabsCom.vue'

第三步使用组件

export default {
   
  components: {
   
    TabsCom,
  }