Vue JS 2 Tutorial #35 - Filters

Have been tinkering with some transitions myself, which are great, but would love to see what you do with a tutorial on them... weaving in velocity.js perhaps, as that looks quite involved!

hey, actually i'm new to front-end. Saw your angular 1.x tutorials earlier this week and played a little with it, but it seems that it has become obsolete now, everywhere there is angular 2 there..
i love your tutorials, the simplicity with which you explain each and every concept, so i thought it would be better to take some advice from you. Before getting on with angular 2, shall i learn angular 2, or try react or vue... or something else entirely..? what shall i do, i'm totall confused now.

Is there any way to make those filters conditional?

By far the best VueJS tutorial on the web. Seriously ! Thanks Ninja !

Now, about custom filters...
You're slicing your string to to 100 chars...
But is there a possibility to give this number (in this case... 100) as some kind of parameter with the 'snippet' 'filter ?

You seriously give all of this tutorials for free?? You are the best man!!

You are doing a really great job by making these videos.
Your videos inspire me to learn new stuff and experiment with new features.
At first when I started learning vue js I got confused with lots of concepts.
But after watching your awesome tutorials now I am much more confident in working with vue as well now I am liking the way vue handles stuff.

Really great work man...
Keep it doing...keep Inspiring. Thank You.

If you are wonder you can add multiple filters like this: {{ blog.body | snippet | to-uppercase }}

Can everyone here just stop making fake comments? Net Ninja, we know that who comments here are mostly your friends who keep saying that your tutorials are awesome in every video you make.

Thamkyou so much

Wouldn't it be simpler and more standard to invoke a method?
1. Define a method "xx" in methods {...} that does what the filter should do
2. In the template, write: {{xx(blogPost.title)}}
Seems like this "|" is just syntactic sugar. Would you agree?

dot dot dot <3

thanks

I think filters are great to generic changes on data that are used on multiple components but in a scenario where u just need change something in a single component the computed property works better

The BEST as always!

Just a quick question: how would it be if I wanted to place my filters somewhere else in a different file?
Allow me to thank you for this amazing tutorial.
I had learnt quite a bit of Vue from a paid a course with a great instructor by the way. But let me tell you that it took me more than a week to learn/relearn the things that I am learning in one day!!!
No exaggeration, but I feel like am watching a Netflix series!

One of the best tutorial series ever :D

can i put filter to the v-for?

Man please tell me what font is that you use on that editor?

Great. You can also use JS inside the curly braces.


{{post.title.toUpperCase()}}
{{post.body.slice(0, 30)+'...'}}

Hi where did you make the paragraphs and header file?

This doesn't work at all.

thanks for the tutorial!! :D