Leave a Reply

29 Comments on "Vue Tutorial # 2 – Vue.js filters and computed data"

Notify of
avatar

norvasc28
Guest
norvasc28
6 months 4 days ago

Awesome as usual 🙂 I think this time u forgot to zoom in a bit. It looks smaller on mobile devices!

Mark Dalsaso
Guest
Mark Dalsaso
7 months 21 days ago

Yes I understand the difference between computed and filters but I'm curious about the use of the pipe or ascII vertical bar. Isn't that a bitwise or?

LearnCode.academy
Guest
LearnCode.academy
7 months 19 days ago

Ah, gotcha, sorry about that. Yeah, it's somewhat stolen from angular, which uses that syntax for filtering.

Mark Dalsaso
Guest
Mark Dalsaso
7 months 21 days ago

Okay so I was just getting hung-up on the "pipe" symbol syntax. Which is simply a "Vue thing" for applying a Vue filter, as described here: vuejs.org/v2/guide/filters.html …..brainfart…my bad

Mark Dalsaso
Guest
Mark Dalsaso
7 months 21 days ago

Yes I understand the difference between computed and filters but I'm curious about the use of the pipe or ascII vertical bar. Isn't that a bitwise or?

LearnCode.academy
Guest
LearnCode.academy
7 months 19 days ago

Ah, gotcha, sorry about that. Yeah, it's somewhat stolen from angular, which uses that syntax for filtering.

Mark Dalsaso
Guest
Mark Dalsaso
7 months 21 days ago

Okay so I was just getting hung-up on the "pipe" symbol syntax. Which is simply a "Vue thing" for applying a Vue filter, as described here: vuejs.org/v2/guide/filters.html …..brainfart…my bad

Mark Dalsaso
Guest
Mark Dalsaso
7 months 23 days ago

The JS trickery at about 2:55 "the entire object john at a pipe and say fullname" is neato and all but it's awfully distracting. Is this some new best-practice? Do you know of any blogs or tutorials that explains how and why that works?

LearnCode.academy
Guest
LearnCode.academy
7 months 22 days ago

it's really just the difference between computed and filtered. Filters are predefined functions that can be run against any value or set, computed is a value derived from other value(s). Filters are almost always used for data sets e.g.{{users | alphabetical}} or {{ tweets | limit(5) }} or {{ users | where({isAdmin: true}) }} are much more common uses for filters

Mark Dalsaso
Guest
Mark Dalsaso
7 months 23 days ago

The JS trickery at about 2:55 "the entire object john at a pipe and say fullname" is neato and all but it's awfully distracting. Is this some new best-practice? Do you know of any blogs or tutorials that explains how and why that works?

LearnCode.academy
Guest
LearnCode.academy
7 months 22 days ago

it's really just the difference between computed and filtered. Filters are predefined functions that can be run against any value or set, computed is a value derived from other value(s). Filters are almost always used for data sets e.g.
{{users | alphabetical}} or {{ tweets | limit(5) }} or {{ users | where({isAdmin: true}) }} are much more common uses for filters

GamingWillis
Guest
GamingWillis
8 months 2 hours ago

great series, now onto part 3!

GamingWillis
Guest
GamingWillis
8 months 2 hours ago

great series, now onto part 3!

Dimitris Karagiannis
Guest
Dimitris Karagiannis
9 months 11 days ago

I keep reading comments from people telling how Vue is easier than React to learn, but I am not seeing it. React is Just JavaScript™ while here I see a whole new bunch of things. I am going to watch the whole series before reaching a personal conclusion, but my first impression is that Vue isn't really any easier than React

Dimitris Karagiannis
Guest
Dimitris Karagiannis
7 months 19 days ago

LearnCode.academy I was talking more about React in itself. I think it's easier to grasp, because it's expressed through just JavaScript, instead of having framework specific concepts and expressions. As for the build process, if that's intimidating, there are solutions out there; UMD versions of React or the create-react-app tool come to mind.

LearnCode.academy
Guest
LearnCode.academy
7 months 19 days ago

Because Vue has the built-in templating engine, it's easy to get started with Vue for smaller modules, widgets and apps without having to put together a build system. React without webpack would be pretty frustrating.

Dimitris Karagiannis
Guest
Dimitris Karagiannis
9 months 11 days ago

I keep reading comments from people telling how Vue is easier than React to learn, but I am not seeing it. React is Just JavaScript™ while here I see a whole new bunch of things. I am going to watch the whole series before reaching a personal conclusion, but my first impression is that Vue isn't really any easier than React

Dimitris Karagiannis
Guest
Dimitris Karagiannis
7 months 19 days ago

LearnCode.academy I was talking more about React in itself. I think it's easier to grasp, because it's expressed through just JavaScript, instead of having framework specific concepts and expressions.

As for the build process, if that's intimidating, there are solutions out there; UMD versions of React or the create-react-app tool come to mind.

LearnCode.academy
Guest
LearnCode.academy
7 months 19 days ago

Because Vue has the built-in templating engine, it's easy to get started with Vue for smaller modules, widgets and apps without having to put together a build system. React without webpack would be pretty frustrating.

Ken Oguname
Guest
Ken Oguname
9 months 13 days ago

Your screen is very small and difficult to read from

wpDiscuz