ly-front/src/views/contentData/index.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>