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

{{ todo.title }}

Add

`,
});
Теперь вы можете использовать этот todo-item в родительском компоненте для доступа к значению счетчика.

• 
  v-bind:key="todo.id"
  v-bind:todo="todo"
  v-on:increment-count="total += 1"
  />
  

Total todos count is {{total}}

30. Как вы реализуете модель на пользовательских компонентах ввода?

Пользовательские события также можно использовать для создания пользовательских входных данных, которые работают с v-моделью. внутри компонента должен соответствовать следующим правилам:
i.Свяжите атрибут значения с опорой значения
ii. При вводе генерирует собственное настраиваемое событие ввода с новым значением.
В качестве примера возьмем компонент настраиваемого ввода,
Vue.component("custom-input", {
props: ["value"],
template: `
v-bind:value="value"
v-on:input="$emit('input', $event.target.value)"
/>
`,
});
Теперь вы можете использовать v-модель с этим компонентом,

31. Что такое слоты?

Vue реализует API распространения контента, используя этот элемент, который служит в качестве точек распространения для контента, созданного после выхода текущего проекта спецификации веб-компонентов.
Создадим компонент оповещения со слотами для вставки контента,
Vue.component("alert", {
template: `

Error!

`,
});
Теперь вы можете вставить динамический контент, как показано ниже
В приложении есть проблема.

32. Что такое глобальная регистрация в компонентах?

Компоненты, которые зарегистрированы глобально, могут использоваться в шаблоне любого корневого экземпляра Vue (нового Vue), созданного после регистрации.
При глобальной регистрации компоненты, созданные с использованием Vue.component, как показано ниже,
Vue.component('my-component-name', {
// ... options ...
})
Возьмем несколько компонентов, которые глобально зарегистрированы в экземпляре vue,
Vue.component('component-a', { /* ... */ })
Vue.component('component-b', { /* ... */ })
Vue.component('component-c', { /* ... */ })

new Vue({ el: '#app' })

Вышеупомянутые компоненты можно использовать в экземпляре vue,

Помните, что компоненты также можно использовать в подкомпонентах.