43 lines
883 B
Vue
43 lines
883 B
Vue
<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> |