В Vue.js пропсы используются для передачи данных от родительского компонента к дочернему — это статичные или динамические значения, которые дочерний компонент принимает и использует.

Слоты же предназначены для передачи разметки (шаблонов) из родителя в дочерний компонент, позволяя родителю контролировать, что именно будет отображено внутри дочернего.

Граница между ними такова:

Если нужно передать данные или параметры — используйте пропсы.
Если нужно передать часть интерфейса или разметку для вставки внутрь компонента — используйте слоты.

Например, компонент кнопки может принимать текст через пропс, а если нужно передать сложное содержимое (иконку, несколько элементов) — лучше использовать слот.

Где проходит граница между использованием слотов и пропсов в компонентах Vue.js?