Tags

Front End

How VueJs helped me fall in love with front-end development again

With all the bundlers, builders, task runners and transpilers, you’ll be forgiven for longing for the good old days of HTML, CSS and Javascript. Remember when you had an idea and could just start writing code and it would just work. You didn’t have to spend 18 days setting up a project by which point you’re bored of your idea anyway.

Ok so maybe that’s an exaggeration, and things weren’t that amazing back then, but they were certainly simpler. As a front-end developer I find myself spending more time learning the latest compiler or bundler than I do learning code or building cool stuff. Or at least I did until Vue came along.

I’m sure a lot of you have heard of Vue and how it is probably Reacts main competitor along with Angular. Since Vue was released, it has rocketed to around a million downloads a month. The creator, Evan You, previously worked on AngularJS but decided to extract the parts he liked the most and create an even better, faster framework.

Digital Recruitment - Ronald James Group

Vue is extremely easy to setup and use with exceptional documentation and a massive community of developers. I was lucky enough to change jobs and decide on which framework to use for our new projects and I am so glad we went with Vue. We were debating on going with React or Vue and in the end Vue clinched it due to its easier learning curve and Vue component files.

Each *.vue file is separated into HTML, Javascript and Styles. The HTML contains the template of the component and you can make use of loops and conditionals inside the template (just like Angular). The styles section can either be scoped to the component or global and can be in any preprocessed style language you choose. Simply by adding ‘scoped’ or lang=’scss’ inside your

 

Back to Blog

</Follow Us>