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

26. Какие бывают компоненты и приведите пример?

Компоненты - это многократно используемые экземпляры Vue с именем. Они принимают те же параметры, что и новый Vue, такие как данные, вычисление, наблюдение, методы и хуки жизненного цикла (за исключением нескольких параметров, зависящих от корня, например el).
Давайте возьмем пример компонента счетчика,
// Определим новый компонент с названием 'button-counter'
Vue.component('button-counter', {
template: 'You clicked me {{ count }} times.'
data: function () {
return {
count: 0
}
},
})
Давайте использовать этот компонент внутри корневого экземпляра Vue, созданного с новым Vue.

;

var vm = new Vue({ el: "#app" });

27. Что такое реквизит?

Свойства - это настраиваемые атрибуты, которые можно зарегистрировать в компоненте. Когда значение передается в атрибут prop, оно становится свойством этого экземпляра компонента. Вы можете передать этот список значений как опцию props и использовать их как переменные данных в шаблоне.
Vue.component("todo-item", {
props: ["title"],
template: "

{{ title }}

",
});

После регистрации реквизитов вы можете передавать их как настраиваемые атрибуты.

28. Когда компоненту нужен единственный корневой элемент?

Каждый компонент должен иметь единственный корневой элемент, если в шаблоне более одного элемента. В этом случае вам нужно обернуть элементы родительским элементом.

{{ title }}

В противном случае будет выдана ошибка, в которой говорится, что «Шаблон компонента должен содержать ровно один корневой элемент ...».

29. Как вы общаетесь от ребенка к родителю с помощью событий?

Если вы хотите, чтобы ребенок желал передать обратную связь с родителем, затем отправьте событие от ребенка, используя объект $ emit для родительского,
Vue.component("todo-tem", {
props: ["todo"],
template: `