Vue JS 2 Tutorial #10 - Dynamic CSS Classes

wow.. thanks

Dobra robota panie Nindża

Is there any way to assign a class name using the object id from the database? So a div would have a class that equals a value from the database, not just booleans.

I was at Vue Mastery Lession7 and got confused by whatever the content it'd talked about. this video has definitely explained what I was puzzled about. big thank you. great work too. simple, plain and straight to the point.

Like x2

It would have been better if you changed the name of the class to something other than the name of the variable because I was confused about what is the variable and what is the class, but else this is good

very clear explaination，thx

Man I don't if you will see this comment but I need to say thanks dude!

I love these channel thank you so much you have are the best

your content is fresh

Don't use toggle. It can be hacked from the dev tools. :)

Can anyone help me why or when do you need to use the single pair of curly braces

Can we use compClasses for example show/hide mobile menu?

Why did you name the class and the boolean the same? It's confusing.

would be easier if the boolean was named <isAvailable> imo

Seriously struggling to see how this is easier than JQuery

Domo arigatou senpai ~

Kindly clear my doubt.
this is my compClasses function here major and minor are the names for css class i have passed in css file , valA and valB are data object properties with initial value set to false and are toggled on a click event. Thid is not working..

compClasses:function()
{
return
{
major : this.valA,
minor : this.valB
}


}


the same thing works when i place the curly bracket right next to return. as shown below kindly explain.
compClasses:function()
{
return{
major : this.valA,
minor : this.valB
}


}

The BEST as always!

thank you so much. you make it so easy to digest.

Why cant we return the collection of classes by using 'method' instead of 'computed'?

thank you such amazing tutorial.

Why does available = !available on click toggle the class? Shouldn't it just make available false and then leave it since nothing is saying to change to back to true on click again?

wow, thanks you from VietNam = ))

Thx

If this is his free content imagine the paid ones...

Thank you sensei!

Do you have this code available anywhere?

awesome

You can only do this with main.js right? When it's a global variable

i intentional clicked on all ads that apear on your videos, because thats the only way i can pay you bro

any chance you'll get a laravel 5.4 + vue js 2 tutorial up in the future?

I've come back here again from custom directive tutorial to see if something is possible. what I'm wondering is if it's possible to refer to the class object (i.e. {available: true, nearby: false}) via 'el' parameter of the custom directive. for example,

Vue.directive('theme', {
bind(el, binding, vnode) {
el.class = { a: ... , b: .... }
}
})

is this possible? Or should we use the el parameter only as a read-only purpose?

I have watched your videos for two days and it helps a beginner like me a lot to get to know Vue. Thank you so much. I watched some crash course videos before on Vue but you are the best.

Can Vue.js be used to develop mobile applications? Would you prefer it over React Native for mobile applications?

Awesome tutorial man. Hope you can do a CRUD using VueJs2!

Fantastic video! Keep it up!