DEV Community

Seven reasons to learn Vue.js in 2019

Ross Kaffenberger on January 01, 2019

I love building applications in Vue.js and here's why I think the future is looking bright for the framework and its community. 1. No bui...
Collapse
 
codestuff2 profile image
Adam Whitlock

Great little article. I've been using Vue for an easy way to build reactive WordPress plugins, and I love it. I also just started building a blog with nuxt. The future is looking bright for Vue. Cheers!

Collapse
 
uidev_simanta profile image
UIdev_Simanta

Is it possible to use wp plugins when using Vue with WordPress? I mean if you use Vue can you install and use wp plugins functionalities if you need any plugin to install for any specific needs?

Collapse
 
codestuff2 profile image
Adam Whitlock

I suppose it depends what you need to do. If you use Vue you can use it to do ajax calls through a rest API endpoint you set up with WordPress and php. Then you can do database manipulation, call other WordPress plugs or basically do anything else through this API. Vue essentially is just front end so you still need to wire it up to the back end somehow

Thread Thread
 
uidev_simanta profile image
UIdev_Simanta

How can I change frontend without vue? Is there any other options

Thread Thread
 
codestuff2 profile image
Adam Whitlock

In wordpress everything is ran server side with PHP, and you can use php to write template files, and markup very easily. There are also other libraries like handlebars you could use to render templates from data as well. Just depends on what you are familiar with and what kind of data you are displaying.

Collapse
 
rossta profile image
Ross Kaffenberger

Cool! Using Vue for Wordpress plugins is a use case I hadn't thought of before. Have you written about it or posted code anywhere?

Collapse
 
codestuff2 profile image
Adam Whitlock

I haven't written about it yet, but this is a starter that I forked, and use for wordpress plugins.

github.com/tareq1988/vue-wp-starter

It comes with a pretty bare bones front end and back end app. The front end is based off a short-code so you can throw it anywhere on a site.

I replaced less for sass and a few other things. I'll have to put together a quick tutorial on it here soon.

Thread Thread
 
adamcosi profile image
Adam

Nice one mate, good to see more Vue in WP.

It's a shame React did a back-flip on their license when they realized the world's largest CMS was about to drop it in favor of Vue (the second-contender at the time).

Collapse
 
lkopacz profile image
Lindsey Kopacz

Vue will always be my first framework love. Before I became a JS dev, I was doing Drupal, and it was SUPER easy to set up in a Drupal module (which says a lot hahaha)

Collapse
 
tiptronic profile image
Andy Fuchs • Edited

Number 1 was one of the inital reasons for me to start with Vue.js (a while ago already). At that time I wasn't really prepared for WebPack, etc..., because my (long-established) workflow was completely different.

I was also flashed by the reactivity and the ability to throw JSON-structures at Vue, so it turned out (very fast) to get my favorite framework, because of it's simplicity and elegancy.

I remember the days where I was writing simple things in Angular - but most often it felt as using Angular for simple things is just an overkill (both in terms of workflow and speed).

Vue.js came to the rescue and allowed me to incrementally learn and apply the new stuff immediately, without the need to dig into documentation for every simple problem.

So I absolutely agree: Take Vue.js for a spin - it's easy and fun. (...and fast as well - if that matters)

Collapse
 
avxkim profile image
Alexander Kim • Edited

You didn't mention a TypeScript support in Vue, to put it mildly, it's not ready for TS. Tons of libraries doesn't have type declarations, so you need to write your own, or use generic declare module 'asd/asd'. Vuex with TS is nightmare.

I see many devs, who likes to use Vue, don't know fundamental things about JS (i keep silent about TypeScript), that's why so much love it has, lower entry barrier = more love.

I'm using both now, but i like React more, because it has less abstractions over JS, than Vue or Angular. But, when Vue 3 will be released, things might change because of composition API (similar to React hooks, but with lifecycles).

Collapse
 
tomaz_on profile image
Tomaz, Osvaldo Neto

Great article !!! I'll begin to learn Vue.js, in Visual Studio Code is easy to use with .NET Core, I saw a lot of tutorial around, I hope Microsoft put it in Visual Studio soon like Angular and React , and I believe that is gonna happen very soon ... Thanks by the article man, was very good :))

Collapse
 
dennythecoder profile image
Denny Headrick

I'm super stoked about the release targeted for this year, but the caveats are still going to be in place for organizations that need to continue to support IE.

Your #1 point cannot be overstated. Being able to use Vue in the browser without a build step (or in-browser transpilation) makes it the most approachable framework out of the big 3. Good post!

Collapse
 
rossta profile image
Ross Kaffenberger

Thanks, Denny! Great point about the fact that the Proxy-based getters and setters won’t work for everyone, but at least the old style will still be supported..

Collapse
 
hakankaraduman profile image
hakankaraduman

Nice article and many good points but I dont like that it picks on other frameworks like React and Angular. It says JSX is a new syntax but from my learning experience, JSX felt very natural and Vue was hard because of its directives (new syntax to learn?) and api. I believe this attitude in telling creates a distasteful feeling.

Collapse
 
shameemreza profile image
Shameem Reza

I am already in love with VueJs since last year and you made me crazy with your easy explanation. Your words are really inspiring.

Collapse
 
teomazzio profile image
Matteo Mazziotti

I started write my Vue components in last december and I'm super excited!
Super easy to learn, super simple to write, super readable to debug.

Collapse
 
harshilpatel007 profile image
Harshil Patel • Edited

Yup, you're right.

VueJS(vue-router,vuex)+Bootstrap Grid only ( Bootstrap is jQuery dependent. So, I don't want to use jQuery anymore.)+Vanilla CSS+Laravel = 😎😎😎😍😍😍🤩🤩🤩

Collapse
 
zooly profile image
Hugo Torzuoli

My plan for 2019 is to learn Vue. But I'll keep working with Angular of course!

Collapse
 
rossta profile image
Ross Kaffenberger

Great! It would be interesting to hear how the two of them compare for you.

Collapse
 
zooly profile image
Hugo Torzuoli

Already did some stuff with Vue, it's nice, reload is faster than with Angular.
Community is very great !

The only negative point I could find is the lack of architecture (Angular one is strong)

Collapse
 
jumar98 profile image
Julián David Martínez Villarreal

Hi Ross, I love your article. Actually I'm learning Rails and Vue.
What material do you recommend me?

Collapse
 
rossta profile image
Ross Kaffenberger

Thanks! I know lots of folks have had success with the Rails tutorial by Michael Hartl to learn Rails. I've also heard good things about the Vue 2 course on udemy.