vue.js - Vue - 如何动态导入组件

Question

所以我会有一个 X 长度的数组。我不知道将包含多少组件。如何导入它们，我可以遍历数组并导入它们，还是使用 v-bind:is？

欢迎任何帮助！

谢谢，贾斯汀。

<template>
  <div id="app">
    <component v-for="(componentName, index) in this.components" v-bind:is="componentName" />
  </div>
</template>

<script>
import Vue from 'vue'

export default {
  name: 'app',
  // Import just the ones I need
}
</script>

标签： vue.js

Answer 1

i当您不知道将包含多少个时，您可以包含一个

<component v-for="i in this.components" v-bind:is="componentName" />
  </div>

然后对于js

export default {
  name: 'app',
  data: function() {
    return {
    this: {id: 1, name: ''}
}
}