Насколько эффективен `slot-scope` над` v-for`?

Question

Насколько эффективен slot-scope сверх v-for?

Разве не оба используются для одной и той же цели?

Пожалуйста, исправьте это, если я ошибаюсь.

Answer 1

slot-scopes и slots в целом полностью отличаются от v-for.

v-for используется для создания цикла, привязанного к коллекции.

slot isиспользуется для передачи элементов / данных DOM в компонент.

slot-scope используется для передачи данных компонента в базовые компоненты - вот пример:

<json-get url="/api/v1/users">
    <template slot-scope="data">
        <ul>
            <li v-for="user in data.results">{{ user.name }}</li>
        </ul>
    </template>
</json-get>

slot-scope="data" передает содержащуюся информациювнутри «данных» для использования вложенных элементов DOM.