Что такое VueJS? Каковы основные особенности VueJS? 6

82. Какова структура фабрики асинхронных компонентов?

Фабрика асинхронных компонентов полезна для асинхронного разрешения компонента. Фабрика асинхронных компонентов может возвращать объект в формате ниже.
const AsyncComponent = () => ({
//Компонент для загрузки (должен быть обещанием)
component: import('./MyComponent.vue'),
// Компонент для использования во время загрузки асинхронного компонента.
loading: LoadingComponent,
//Компонент для использования в случае сбоя загрузки
error: ErrorComponent,
// Задержка перед показом компонента загрузки. По умолчанию: 200 мс.
delay: 200,
// Компонент ошибки будет отображаться, если тайм-аут
// предоставлен и превышен. По умолчанию: бесконечность.

timeout: 3000

})

83. Что такое встроенные шаблоны?

Если вы сохраняете встроенный шаблон в дочернем компоненте, он будет использовать его внутреннее содержимое в качестве шаблона, а не рассматривать его как повторно используемое независимое содержимое.

Inline templates

Treated as component component owne content

Примечание. Несмотря на то, что эти встроенные шаблоны обеспечивают большую гибкость при создании шаблонов, рекомендуется определять шаблон с помощью свойства шаблона или тега внутри компонента .vue.

84. Что такое шаблоны X?

Помимо обычных шаблонов и встроенных шаблонов, вы также можете определять шаблоны, используя элемент скрипта с типом text / x-template и затем ссылаясь на шаблон по идентификатору.
Давайте создадим x-шаблон для простого случая использования, как показано ниже,

Теперь вы можете определить шаблон, используя идентификатор ссылки,

Vue.component('x-template-example', {

template: '#script-template'
})