Vue.js: Utilizando data bind unidirecional e bidirecional

Motivação

O Vue.js é um framework JavaScript que, semelhante a outros, como Angular, e React, tem o objetivo de otimizar a criação de interfaces web modernas e reativas. Para isso, ele utiliza conceitos como data bind (uni e bidirecional) e componentes, muito comuns no desenvolvimento web atualmente.

Tendo como um de seus diferenciais a leveza (para usar o framework, basta incluir um pequeno arquivo JavaScript), o Vue.js permite, por meio de uma sintaxe simples, ligar a interface gráfica da aplicação a dados e métodos do JavaScript. Com ele, tarefas como exibição ou captura de dados da tela e exibição condicional de certos elementos, que normalmente seriam feitas com jQuery, sã ...