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

72. Перечислить эквиваленты шаблонов в функциях рендеринга?

VueJS предоставляет проприетарные альтернативы и простое использование javascript для функций шаблона.
Перечислим их в таблице для сравнения,

Шаблоны	Функция рендеринга
Условные и циклические директивы: v-if и v-for	Используйте JavaScript if / else и концепции карты
Двусторонняя привязка: v-модель	Применение собственной логики JS с привязкой значений и привязкой событий
Модификаторы события захвата: .passive, .capture, .once и .capture.once или .once.capture.	&, !, ~ и ~!
Модификаторы событий и ключей: .stop, .prevent, .self, keys (.enter, .13) и Modifiers Keys (.ctrl, .alt, .shift, .meta)	Используйте решения javascript: event.stopPropagation (), event.preventDefault (), if (event.target! == event.currentTarget) return, if (event.keyCode! == 13) return и if (! Event.ctrlKey) return
Слоты: атрибуты слота	Функции рендеринга предоставляют свойства экземпляра this. $ Slots и this. $ ScopedSlots

73. Что такое функциональные компоненты?

Функциональные компоненты - это простые функции для создания простых компонентов, просто передавая контекст. Каждый функциональный компонент следует двум правилам:

i. Без сохранения состояния: он не сохраняет состояние само по себе.

ii. Без экземпляра: у него нет экземпляра, поэтому нет этого
Чтобы сделать его функциональным, вам нужно определить function: true. Возьмем пример функциональных компонентов,
Vue.component('my-component', {
functional: true,
//Реквизит не является обязательным
props: {
// ...
},
//Чтобы компенсировать отсутствие экземпляра,
// теперь нам предоставляется второй аргумент контекста.

render: function (createElement, context) {

// ...
}
})
Примечание: функциональные компоненты также довольно популярны в сообществе React.