<template>
  <div style="display: flex">
    <div class="aside">
      <MainAside/>
    </div>
    <div style="width: calc(100vw - 260px);">
      <MainContent/>
    </div>
  </div>
</template>

<script>
// import  《组件名称》  from '《组件路径》 ';

import MainAside from "@/view/layout/MainAside.vue";
import MainContent from "@/view/layout/MainContent.vue";

export default {
  // import 引入的组件需要注入到对象中才能使用
  components: {MainContent, MainAside},
  props: {},
  data() {
    // 这里存放数据
    return {}
  },
  // 计算属性 类似于 data 概念
  computed: {},
  // 监控 data 中的数据变化
  watch: {},
  // 方法集合
  methods: {},
  // 生命周期 - 挂载完成（可以访问 DOM 元素）
  mounted() {
  }
}
</script>

<style scoped>
.aside {
  border-right: #4b5cc455 solid 1px;
  width: 240px;
}
</style>