Introdução ao Vue.js

O que é Vue.js?

O Vue.js é um framework progressivo desenvolvido para auxiliar o desenvolvedor na criação de interfaces de usuário, isso mesmo Vue.js é um framework logo existem situações onde o mesmo deve e não ser usado.

Vamos a um exemplo básico, mas que demonstra um pouco do poder desse framework:

Como podem notar é intuitivo o que está acontecendo no nosso código definimos uma propriedade no objeto data do componente_(nesse exemplo se trata de um componente root, veremos mais pra frente o seu papel no Vue.js), que a torna capaz de ser usada no template desse componente(nesse caso a div com id de valor app)_.

Outras característica que torna o Vue.js extremamente interessante é a facilidade que podemos interligar dados com nosso template, segue um exemplo pra esclarecer as coisas: