vue动态组件

子组件：view-0516.vue   view-0517.vue view-0518.vue  view-0519.vue

父组件： 

<div v-for="(item,index) in floorList" :key="index">
      <component :is="'View_' + item" ></component>
</div>

<script>
// import HelloWorld from "./components/HelloWorld.vue";
import View0516 from "./components/view-0516.vue";
import View0517 from "./components/view-0517.vue";
import View0518 from "./components/view-0518.vue"
import View0519 from "./components/view-0519.vue"
import tableFrom from "./components/tableFrom.vue"




export default {
  name: "App",
  data(){
    return {
      floorList :[
        "0516",
        "0517",
        "0518",
        "0519"
      ]
    };
  },
  components: {
    // HelloWorld: HelloWorld,
    View_0516 : View0516,
    View_0517 : View0517,
    View_0518 : View0518,
    tableFrom : tableFrom,
    View_0519 : View0519
  },
  methods:{
    goBackTop(){
      console.log('1999999999');
    }
  }
};
</script>