49 lines
874 B
Vue
49 lines
874 B
Vue
|
<!-- src/App.vue -->
|
||
|
|
<template>
|
||
|
|
<div class="app-container">
|
||
|
|
<headerTop :homeData="homeView" />
|
||
|
|
<LeftSidebar :homeData="homeView" />
|
||
|
|
<RightSidebar :homeData="homeView" />
|
||
|
|
<!-- <Footer /> -->
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import headerTop from "./headerTop/index.vue";
|
||
|
|
import LeftSidebar from "./LeftSidebar/index.vue";
|
||
|
|
import RightSidebar from "./RightSidebar/index.vue";
|
||
|
|
// import Footer from "./Footer/index.vue";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: "App",
|
||
|
|
components: {
|
||
|
|
headerTop,
|
||
|
|
LeftSidebar,
|
||
|
|
RightSidebar
|
||
|
|
// Footer
|
||
|
|
},
|
||
|
|
props: {
|
||
|
|
homeData: {
|
||
|
|
type: Object,
|
||
|
|
default: () => ({})
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
homeView: {}
|
||
|
|
};
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
homeData: {
|
||
|
|
handler(newVal) {
|
||
|
|
this.homeView = newVal;
|
||
|
|
},
|
||
|
|
deep: true
|
||
|
|
}
|
||
|
|
},
|
||
|
|
mounted() {}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped></style>
|