<!--
 * @Author: Kane
 * @Date: 2022-11-25 15:29:48
 * @LastEditors: Kane
 * @LastEditTime: 2022-11-25 15:36:18
 * @FilePath: \hello-router\src\components\页面组件\header.vue
 * @Description: 
 * 
 * Copyright (c) ${2022} by Kane, All Rights Reserved. 
-->
<template>
  <div class="container">
    <h1>我来组成头部！</h1>
  </div>
</template>
<script>
export default {
  name: "header-part",
  data() {
    return {};
  },
};
</script>
<style scoped>
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  border: 1px solid red;
}
</style>