Vue JS 2 Tutorial #11 - Conditionals

----- COURSE LINKS:

---------------------------------------------------------------------------------------------

========== PSD to WordPress Playlist ==========

============== The Net Ninja =====================

================== Social Links ==================

[pjf]

Interesting I love how vue abstracts js and simplifies it and makes it flow a bit more with the html compared to vanilla js

[haili]

You always get the best tutorial, thank you so much!

[buckspirit]

Great content! For future episodes I would like to se the v-for directive and components. As an extra we could see something about routing with vueJS xD

Keep up the great work, dude

[rbartig]

Awesome, but wondering how it would handle nested if statements.

[justingolden]

What's the practical difference between v-show and v-if though? One removes it from the DOM, one sets the CSS property display to none, as you mentioned. But why have two different options?

My educated guess is that removing and adding to the DOM is slower, however if you just edit the CSS property then users can still see it by inspecting the website. Are these tradeoffs correct?

Thanks for the videos; they make it very easy to learn :)

[vigilantezack]

When using v-if to make an element appear or disappear, is there a way to animate it still? For example if I wanted it to fade in or slide in and then slide out, etc. Would I have to bind classes to the same variables to make animating classes appear and disappear in tandem with become visible and not visible?

[lorenzovonmatterhorn]

Hey mate, quick question here.

Are we not supposed to keep all js changes on our JS files? I'm just wondering why your doing most of changes/event triggers and so on on html itself?

I mean, normally in vanilla JS, if we need a button to listen for an event, I'd make changes under the JS file itself, calling the button using getElementById or etc. so we don't need to alter the HTML itself.

Or maybe, is it the norm here in Vue to just make changes on both HTML and JS files every time? Or should I apply the method I use in vanilla JS and combine that with Vue? Thoughts?

Anyway, this is good series, gonna keep on watching the rest.

Cheers, mate! :)

[LrCloud]

Is there a 'v-else'?
Even though it's not showing success the variable for success is true .... SO the state of the application is being misrepresented by the front end

... I know this is a tutorial but it DOES serve to underscore potential issues in development

(I hope this gets better using vuex)

[mohamadkamaran]

thank you very very very very much, i love you much bro

[aarbee]

Nice video...Thanks. One question about v-if and v-show: when would you use one over the other when both will do? Is there any difference in speed or efficiency?

[jaha]

Hi Ninjas.
why v-show need if we have v-if ?

[hwirhfsdkfo]

great tutorial, very helpful




toggle sucess tho

[vahidsediqi]

Reached Tutorial #11 in 6 hours with no break.

[thatphilosophersstoned]

Net Ninja - can't you use Ctrl + D to duplicate your code lines in Atom? It kills me watching you copy and paste when I know there's an easier way