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