什么是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,
}