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

85. Что такое рекурсивные компоненты?

Компоненты, которые могут рекурсивно вызывать себя в собственном шаблоне, известны как рекурсивные компоненты.

Vue.component('recursive-component', {

template: `Вызывает себя!-->
`
});

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

Примечание. Помните, что рекурсивный компонент может приводить к бесконечным циклам с ошибкой превышения максимального размера стека, поэтому убедитесь, что рекурсивный вызов является условным (например, директива v-if).

86. Как разрешить циклические зависимости между компонентами?

В сложных приложениях компоненты vue фактически являются потомками и предками друг друга в дереве рендеринга.
Скажем, componentA и componentB включены в их соответствующие шаблоны, что создает циклическую зависимость,
//КомпонентA

//КомпонентB

Это можно решить, зарегистрировав (или дождавшись) дочерний компонент в обработчике beforeCreate или используя асинхронный импорт webpack при регистрации компонента,

Решение1:
beforeCreate: function () {
this.$options.components.componentB = require('./component-b.vue').default
}
Решение2:

components: {

componentB: () => import('./component-b.vue')
}

87. Как убедиться, что приложение vue является жалобой CSP?

В некоторых средах (Google Chrome Apps) запрещено использование new Function () для оценки выражений, и полные сборки приложений vue зависят от этой функции для компиляции шаблонов. По этой причине полные сборки приложения VueJS не являются жалобой CSP.
В этом случае вы можете использовать сборки только во время выполнения с технологическим стеком Webpack + vue-loader или Browserify + vueify, с помощью которого шаблоны будут предварительно скомпилированы в функции рендеринга. Таким образом вы можете убедиться, что приложения VueJS на 100% соответствуют требованиям CSP.