ly-front/src/views/contentData/index.vue

<!-- src/App.vue -->
<template>
  <div class="app-container">
    <headerTop :homeData="homeView" />
    <LeftSidebar :homeData="homeView" :signaData="signaList" />
    <!-- <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: () => ({})
    },
    signaData: {
      type: Array,
      default: () => []
    }
  },
  data() {
    return {
      homeView: {},
      signaList: []
    };
  },
  watch: {
    homeData: {
      handler(newVal) {
        this.homeView = newVal;
      },
      deep: true
    },
    signaData: {
      handler(newVal) {
        this.signaList = newVal;
      },
      deep: true
    }
  },
  mounted() {}
};
</script>

<style lang="scss" scoped></style>