Vue JS 2 Tutorial #34 - Custom Directives

Vue JS 2 Tutorial #34 - Custom Directives

Net Ninja

7 лет назад

67,354 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Remix  and slowed Beats
Remix and slowed Beats - 29.08.2023 20:57

we can set the size of div in css styling by applying media queries but why taking us so long process of writing a lengthy code ?

Ответить
ihtisham Khan
ihtisham Khan - 18.06.2022 12:44

mind blowing explanation i can not belief from where he has learn all these

Ответить
Arul Raj
Arul Raj - 02.04.2022 17:17

Hey Shaun, could we add event listeners to the element in the custom directive. In angular we can attach hostbinding and host listeners for the custom directive.

Ответить
Anil Chudasama
Anil Chudasama - 01.05.2021 16:40

Thank you....................................

Ответить
Web Hero
Web Hero - 21.03.2021 19:20

I dont understand why we are slice exactly from 2 to 8

Ответить
Lucian Iernye
Lucian Iernye - 04.03.2021 14:14

For the new ones who follow this tutorial, in VS Code you might encounter ESLint errors like no-used-vars or v-bind:key or anything else like this, the solution would be to disable the eslint for the next line or for the entire file. Solution : // eslint-disable-next-line for the next line or put a /* eslint-disable */ block comment at the top of the file which will disable ESLint for all file.

Ответить
Italian Gaming
Italian Gaming - 11.09.2020 18:33

I have an error saying vue is not defined how can I resolve?

Ответить
Jordy Tshibangu
Jordy Tshibangu - 09.09.2020 07:21

Hi Class
Just a small question
Is it possible to togggle or change the binding value
I have tried to create a background theme that i can toggle on a click event
But i am unable to get it working

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! HELP PLEASE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Ответить
Megan Malia
Megan Malia - 17.08.2020 19:57

Looks awesome! Just held up with an error on Vnode reading it is defined but never used

Ответить
Maulik
Maulik - 19.04.2020 18:28

Nobody on Google
Shaun on net ninja let's make directive called "v-rainbow" 😆 i mean that's amazing🤘

Ответить
priyan darshana
priyan darshana - 09.02.2020 21:32

Thank you

Ответить
Robert S
Robert S - 26.11.2019 23:39

Can someone explain why you wouldnt just use css classes foe this, what is the benefit

Ответить
NobodyZ
NobodyZ - 01.08.2019 12:39

God bless you for such a useful resource :)

Ответить
Joseph Makram
Joseph Makram - 25.04.2019 02:55

you awesome

Ответить
אדם פרי
אדם פרי - 22.03.2019 17:35

The BEST as always!

Ответить
Miguel Alonso
Miguel Alonso - 08.03.2019 02:52

Man, you are the best. Any doubt that i have you explain it very well! Thnk you so much!

Ответить
Mamo Oglo
Mamo Oglo - 09.02.2019 15:19

very informative video ,, thanks

Ответить
Ismet Togay
Ismet Togay - 19.12.2018 13:13

I really liked the way you choose random color!

Ответить
alexchiu
alexchiu - 03.12.2018 01:03

off the back of this is tried making dynamic themes by adding two buttons to my show-blog component. i wanted to have to have two buttons that could switch between the narrow and wide theme.... doesnt work though. Guess that is not the way to do it? seems like it would be easier if I just used css media queries?

Ответить
Andrii Proskurovskyi
Andrii Proskurovskyi - 29.11.2018 23:55

After 10 or so tuts, "Hey! what's goin' on, gang?" sounds very cozy. You can sit in a bath with a glass of whatever (whiskey) and watch Ninja as favorite TV series or listen to him as to music

Ответить
Kevin Staton
Kevin Staton - 27.11.2018 18:43

Loving the series! One nit-pick: you didn't create a random hex color because the Math functions are working on decimal numbers, not hex.

Ответить
Majid Omar
Majid Omar - 12.11.2018 08:10

thank you for this great tutorial.
put your udemy link in the description
because you deserve to be supported

Ответить
EasyEli
EasyEli - 05.11.2018 15:41

Thank you! You're the man

Ответить
hilmy
hilmy - 28.10.2018 04:31

awesome tutorial, thank you

Ответить
DJ Samke
DJ Samke - 25.10.2018 20:55

You're a great front-end developer Shaun... This is indeed the best Vuejs tut!!!

Ответить
Andy
Andy - 11.10.2018 16:12

Awesome series, really helping me! As Albert Einstein once said: "Make it as simple as you can, but not more simple." I say this because I also followed an extensive VueJS paid tutorial on UDemy it was absolutely packed with information left and right and they made everything look much more harder than it actually was, since the tutor was using fancy terms all the time.

Ответить
Felipe Hommen
Felipe Hommen - 23.09.2018 14:41

I'm falling in love with vuejs and you :D

Ответить
Farih Muhammad
Farih Muhammad - 19.09.2018 14:59

That random thing.. that's brilliant...

Ответить
Michio Kaku
Michio Kaku - 30.08.2018 16:32

hey man, i really like your training! nowi start liking more vue.js then django. you rock!

Ответить
Adrian Beria
Adrian Beria - 05.08.2018 00:55

This is such a powerful feature!

Ответить
RavagetheRain
RavagetheRain - 05.06.2018 22:56

Nice description. Really great series. Thanks!

Ответить
Jingjjng Ye
Jingjjng Ye - 14.05.2018 18:49

Thanks ~~~~

Ответить
continental_drift
continental_drift - 25.04.2018 11:20

Argh!!! to me ages to notice that I had put 'wide' instead of "'wide'"

Ответить
Sean Langley
Sean Langley - 05.02.2018 01:34

thank you so much, Shaun, very cool :)

Ответить
Shahzaib
Shahzaib - 22.01.2018 21:47

i have one question ajax call in created hook or mounted hook ????

Ответить
foysal foysal
foysal foysal - 06.01.2018 13:17

Great tutorial.

Ответить
Pal Live
Pal Live - 02.12.2017 18:16

Loving this tutorial so far. Thanks so much!

Ответить
Renan Coelho
Renan Coelho - 02.11.2017 00:39

How to organize the directives by separated files?

Ответить
Lorenzo Beltrame
Lorenzo Beltrame - 31.10.2017 17:22

Amazing work on this one, The Net Ninja the simplifier! Getting a really colorful example here to understand custom directives!

Ответить
Zheng Cheng
Zheng Cheng - 15.09.2017 06:37

Very helpful!

Ответить
kamaboko1
kamaboko1 - 11.08.2017 03:57

There is so much information in this tutorial series, I'll be referring to it like a book.

Ответить
Sebin Song
Sebin Song - 24.07.2017 07:16

Thank you so much for sharing this. but I have a question here. can a directive(whether it is a custom or the built-in one) take multiple number of argument? for example, a command like v-on:click:keyup = "func" is a vaild one?

Ответить
WEBNOSTIX
WEBNOSTIX - 22.07.2017 02:14

Nice tutorial, thanks!

Ответить
toan le
toan le - 08.06.2017 14:41

Hi Shaunt, Could you please tell me if I want to register a list of custom directives, and I want to make a seperated folder (or file), how could i do?

Ответить
Rupert Hurley
Rupert Hurley - 18.05.2017 21:16

Absolutely cracking series!

Ответить