The Vue Pomodoro was my first application written with VueJS. My wife actually asked me if I could build her a timer for exercising where she could set the total time, and two different intervals. That way she can know when she needs to ride the bike at a faster pace during one interval and when she could slow down for the second interval.
One thing that tripped me up was that I've been in Angular so long that I tried to treat Vue in similar ways. For example,
in Angular any variable you declare in a component can be referred to with
this.variableName. In Vue, you have
a data property that's must be a function that returns a data object. Later, when creating methods to do stuff in the Vue
component, I assumed I could refer to the variables in that data object the same as in Angular:
I kept getting weird
undefined issues until I realized scope works a little differently in Vue and Angular. In
this refers to that method, not the component as a whole. So, indeed, inside that method
this.variableName was undefined. I learned a valuable lesson in how Vue works and learned it early!