#27 Знакомство со слотами - Vue.js: практика

Поділитися
Вставка
  • Опубліковано 26 тра 2021
  • Присоединяйтесь к нашему сообществу:
    t.me/vuejs_club
    Документация:
    - ru.vuejs.org/v2/guide/compone... (да, в русском переводе "scoped slots" переведены как "слоты с ограниченной областью видимости", не самый удачный перевод как по мне)
    - $options: ru.vuejs.org/v2/api/#vm-options
    - component ":is" - ru.vuejs.org/v2/guide/compone...
    Ссылка на codesandbox: codesandbox.io/s/slots-demo-f...
    Видео создано благодаря подписчикам проекта на нашем Patreon.
    Хотите сказать "спасибо" и одновременно получать обучающий контент на 3 месяца раньше остальных? Присоединяйтесь! / javascriptninja

КОМЕНТАРІ • 37

  • @JavaScriptNinja
    @JavaScriptNinja  3 роки тому +49

    "Бриллиантовая рука", не "Кавказская пленница"

    • @agilkerimov
      @agilkerimov 3 роки тому +3

      Хотел написать,но уже исправлено :)

  • @wwiiktor
    @wwiiktor 8 місяців тому

    Вот эта штука

  • @prosto_germania
    @prosto_germania 2 роки тому +1

    Спасибо, это просто восхитетельно, с вами вью дается легче..

  • @nikolaifedotov5107
    @nikolaifedotov5107 2 роки тому +1

    Лайк только за выражение - "Волшебная дырка" :-)))))

  • @TheVer0n
    @TheVer0n 2 роки тому

    Спасибо за объяснение! действительно сложная для понимания тема, но чрезвычайно мощный инструмент!

  • @Antonio-fm1sq
    @Antonio-fm1sq 3 роки тому +1

    Спасибо!

  • @sherbakovSAF
    @sherbakovSAF Рік тому

    Тема бомба, но чую что она надолго, но путь так и будем. Чем дольше что то мусолишь, тем лучше понимаешь

  • @user-dg5of8ul6o
    @user-dg5of8ul6o 3 роки тому +1

    Волшебная дьірка ,....оооокей)

  • @maksymgapachilo9507
    @maksymgapachilo9507 3 роки тому +5

    Незнаю почему. но слоти очень тяжело для понимания мне, хоть на проекте мне они думаю как то надо использувать так как я работаю с модалками и модалки в модалках))

  • @bik7087
    @bik7087 3 роки тому

    Как говорил мой трудовик дырка... Кхм
    Лучше ассоциации и не придумать, огонь 🔥🔥🔥🔥

  • @user-if5wj2kb5t
    @user-if5wj2kb5t 3 роки тому +1

    Спасибо за видео. Одна просьба, оставляйте, пожалуйста, в следующих видео ссылки на документацию по vue3, уже есть в русском переводе.

    • @JavaScriptNinja
      @JavaScriptNinja  3 роки тому +4

      Учитывая что курс не специализируется на вью3 и на общую свежесть документации - я пока предпочту использовать проверенную документацию по вью2.

  • @user-ux8yp3si4d
    @user-ux8yp3si4d 3 роки тому +1

    Я считаю, что понимание слотов это одно из важнейших знаний во вью, к сожалению не все это осознают.

    • @pingodev2896
      @pingodev2896 3 роки тому +2

      в приложении с сотней компонентов, и с десятком v-for в каждом, можно легко обойтись без слотов.. а самое важное знание во вьюхе - это совсем другое

    • @maksymgapachilo9507
      @maksymgapachilo9507 3 роки тому +3

      @@pingodev2896 важное знание во вью, другое ето что?)

  • @bohdans.1479
    @bohdans.1479 2 роки тому +1

    Сложна))))) Но интерестно

  • @y_y6153
    @y_y6153 3 роки тому +4

    Привет. Спасибо за курс по вью. Один вопрос (возможно эта тема затрагивалась, тогда прошу прощения). Можно ли популярно обсудить тему Vue + SEO?

    • @CAPSMOL
      @CAPSMOL 3 роки тому +2

      Nuxt?

    • @y_y6153
      @y_y6153 3 роки тому +1

      @Данил Мальков так без сср получается сео досвидули?)

  • @nonamenoname9619
    @nonamenoname9619 2 роки тому +2

    Разве подобная конструкция не считается как тяжелочитаемая (5:09 - computed свойство "filteredItems")? Т.е по сути фильтр в котором фильтр и всё это в тернарном операторе. Не лучше ли разделить на несколько именованных функций внутри этой же функции?

  • @alcotrener
    @alcotrener Рік тому +1

    Сейчас же уже лучше читать документацию по слотам из Vue 3 или без разницы?

  • @nikitakomkov187
    @nikitakomkov187 2 роки тому +1

    Не подскажете почему когда мы передавали пропсом компонент из поля components, то компонент не отображался а когда добавили в $options, то все заработало?

  • @alexanonymous5823
    @alexanonymous5823 3 роки тому

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

    • @JavaScriptNinja
      @JavaScriptNinja  3 роки тому

      В git все есть, просто отказывайтесь на коммит назад

    • @alexanonymous5823
      @alexanonymous5823 3 роки тому

      @@JavaScriptNinja пожалуйста извините если это слишком очевидно, я просто пока что только учусь, мне кажеться я все там перекликал и не смог найти способа откатить коммит. (папки .git на codesandbox нету поэтому экпорт всего проэкта не поможет). и гугл не помог. вы уверены что там есть возможность откатиться на коммит назад?

    • @samratbaikhonov6343
      @samratbaikhonov6343 2 роки тому

      @@JavaScriptNinja прощу прощения, в описании к видео только ссылка на песочницу. Можно ссылку на репозиторий?

  • @---Maksim---
    @---Maksim--- Рік тому

    Кто пришел из мира реакта и не понимает, что происходит на видео, то вот две концепции, которые все опишут: react children + render function.

  • @daniilthegunner843
    @daniilthegunner843 3 роки тому +1

    То есть мы передали вниз всех юзеров как пропс, а потом наверх уже по одному юзеру?

  • @romantokar8885
    @romantokar8885 3 роки тому

    Это что-то похожое на renderProps в React?

  • @muradbekibragimov169
    @muradbekibragimov169 3 роки тому +2

    А криптономикон уже закончили?

    • @JavaScriptNinja
      @JavaScriptNinja  3 роки тому

      Нет, нам же его ещё надо довести до ума

    • @samratbaikhonov6343
      @samratbaikhonov6343 2 роки тому +2

      @@JavaScriptNinja планируется ли в дальнейшем видео по Криптономикону? Просмотрел дальнейшие видео в плейлисте, там уже везде примеры из песочницы и проекта нет. И где можно посмотреть примеры решения домашних заданий, которые давались ранее?
      Также, помню, в начале курсе демонстрировался ещё один проект про онлайн бронирование билетов в кинотеатре. Где-то можно ознакомиться с его ТЗ?

    • @alcotrener
      @alcotrener Рік тому +1

      @@samratbaikhonov6343 привет. Тоже интересует Криптономикон, самому не получается его до ума довести. Вы не нашли где можно посмотреть решение дз?

  • @drevitsky
    @drevitsky 3 роки тому +1

    плохое качество - будет перезалив?

    • @JavaScriptNinja
      @JavaScriptNinja  3 роки тому +2

      Нет, просто ютуб шалит. F5 :)