理论:
创建.vue文件-->导入-->注册-->使用
实践一下:
在根组件中先写出一个基础的页面
开始实践:创建组件
在src中新建文件夹:components
在components下新建组件:HmHeader.vue
组件创建好后,就要在App.vue中进行导入和注册来使用组件
导入
此时页面是这样子的,因为声明了但是还没使用
注册
导入和注册完成之后,就可以在<template></template>标签中使用了该组件了
使用该组件后,浏览器就可以将该组件展示出来了
根据上面步骤,将剩下的主体组件和尾部组件展示出来
注意小细节:
1.在注册组件的时候不一定要组件名:组件对象
直接写组件对象也可以(简写)
2.在使用组件的时候,直接打出组件名时,tab一下就可以全部显示出来,再tab一下就可以直接显示标签