Рекурсивно вложенный компонент Vue

Если вы получили ошибку did you register the component correctly? For recursive components, make sure to provide the “name” option, при рекурсивном использовании однофайлового копонента, то вот что следует сделать.

Вместо такого способа подключения компонента

import MaterialRow from './MaterialRow';
export default {
  // ...
  components: {
    MaterialRow
  },
}

Использовать такую запись:

export default {
  // ...
  beforeCreate: function () {
    this.$options.components.MaterialRow = require('./MaterialRow.vue').default
  }
}

Или вот так:

export default {
  // ...
  components: {
    MaterialRow: () => import('./MaterialRow.vue')
  },
}