Vue-如何动态导入组件

时间:2019-10-30 14:18:29

标签: vue.js

所以我将得到一个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>

1 个答案:

答案 0 :(得分:0)

不知道将包含多少个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: ''}
}
}