WeboМан

10 Vue директив, которые облегчают жизнь разработчикам

Recommended Posts

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

Vue-Lazyload

Потрясающий пакет с более чем 5000 звезд на Github. Vue-Lazyload от Hilongjw позволяет без проблем загружать изображения!

Пример кода

Репозиторий

Github

Vue-Infinite-Scroll

Это отличная и простая в применении директива, если вы хотите загружать новые элементы на веб-страницу.

Метод, связанный с v-infinite-scroll, будет выполнен, когда нижняя часть элемента достигнет нижней части области просмотра. Круто, верно?

Пример кода

Репозиторий

Github

Vue-Focus

Иногда в веб-разработке сложно управлять фокусом ввода. Vue-Focus приходит на помощь и позволяет вам управлять фокусом непосредственно из модели вида.

Пример кода

Репозиторий

Github

Vue-Blur

Vue-Blur - отличный выбор, если вы хотите размывать определенные разделы вашего сайта, скажем, для незарегистрированных посетителей. Он также поставляется с опциями для настройки параметров, таких как непрозрачность, фильтр и переход между состояниями.

Пример кода

Репозиторий

Github

V-Clipboard

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

Пример кода

Репозиторий

Github

Vue-ScrollTo

Прокрутка элементов никогда не была проще! Вы можете прокручивать браузер до заданного тега, который отлично подходит для навигации внутри веб-приложения!

Пример кода

 

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By AlexGreat
      Греф, после своего известного заявления о физматшколах, сказал следующее - IT будет развиваться в России. И хорошие специалисты будут получать большое вознаграждение. Все больше и больше. 
      Теперь в вернемся на бренную землю - Мы не о милдах, сеньорах, и тимлидах сейчас, а обычных рядовых джуниорах, пытающихся прошибить эту стену и и таки ворваться в IT . 
      Такое ощущение, что в разработчики ныне пошли даже люди без пальцев. Вариантов для вкатывания все меньше. На фрилансе новички страшно демпингуют, предлагая сайты под ключ за 500 рублей. И ситуация только ухудшается. 
      В студию устроиться становиться все сложнее. Возрастают требования по закону рынка к новичкам. Требуются внушительные портфолио, годы опыта, коммерческой разработки. И с каждым днем прибывают сотни и сотни новоиспеченных разработчиков. 
      Вопрос - все еще реально обычному человеку, без суперпрокаченной коммерческой жилки, гениальности в коде, найти хороший вариант старта в пресловутой веб разработке?
    • By Алексей8888
      Добрый День.
      Такой Вопрос, если есть возможность, помогите, кто сталкивался с подобной Темой.
      Есть форма отправки информации (Имя, Е-мэйл, Телефон, Описание)
      После заполнения формы, нажав на Отправить, инфо отправляесься на Сервер, храниться там. На сервере создал
      файл post.php
      Вопрос заключаеться в следующем:
      Что нужно прописать в скрипте чтобы заполненная форма номер 1 автоматически отправлялась на емэйл
      следующему человеку заполнившему следующим ту же форму?
      Выглядит так: 
      Первый человек заполняет форму, она посылается на сервер и сохраняется в файле. Следующий человек получает на емейл содержимое файла, после чего файл переписывается.
      И так далее, каждый заполнивший форму Автоматически получает информацию предыдущего посетителя.
      Буду Благодарен за любую информацию.
      С Уважением
      Спасибо
    • By Aliona108
      Создаю сайт для предприятия ( у меня учебная практика)  и нам нужно на сайт добавить новостную ленту с функцией добавления новостей. Чтобы пользователь мог видеть и добавлять новости.
      Мб у кого есть код?
      Друзья, помогите, пожалуйста..
  • Member Statistics

    46,529
    Total Members
    3,128
    Most Online
    TS-42101
    Newest Member
    TS-42101
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • Здравствуйте. Для реализации такой задачи Вам требуется для каждого <div> задать уникальный класс. <div class="niz red"></div> <div class="niz blue"></div> <div class="niz green"></div> .niz.red { background: red; } .niz.blue { background: blue; } .niz.green { background: green; }  
    • Добрый вечер, ребята.   Вторые сутки блуждаю в сети и не могу найти ответ на свой вопрос.  .niz:hover {
        background: red;   этим кодом я получил возможность менять цвет определенного блока наведением курсора, вопрос в следующем.  Как делать, что бы после каждого наведения цвет менялся на другой а не на один и тот же. То есть зеленый, красный, оранжевый и так далее, спасибо большое
    • Добрый день! На бесплатном хостинге делал сайт. На сайте имеется поиск. В меню имелись и страницы и рубрики.  В рубриках есть естественно записи. В поиск вбиваю инфу для поиска. Инфа есть и в записях в рубриках и на страницах. Но вот через поиск находит инфу только в записях и рубриках  а вот страницы не показывает. Т.е. если посетитель будет вбивать в поиск инфу которая есть только на страницах он ее не увидит? А в записях (постах) поиск найдет?
  • Popular Contributors