Vue.js – Exemplos comentados

Estou experimentando esse framework JavaScript e me parece bem interessante os recursos que o mesmo disponibiliza.

O exemplo abaixo eu copie do próprio site do Vuejs ( https://vuejs.org/  )

Basta copiar, colar e salvar como um arquivo HTML e executar no seu Browse preferido, pronto simples assim.

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>Teste Vue</title>
https://unpkg.com/vue/dist/vue.js
</head>
<body>

  1. {{fazer.text}}

var contabil = new Vue({
el: ‘#contabil’,
data: {
todos: [
{text: ‘tarefa-1’},
{text: ‘tarefa-2’},
{text: ‘tarefa-3’},
{text: ‘tarefa-4’}
]
}
})

</body>
</html>

<!– para incluir/excluir  novos item via console
contabil.todos.push({text: ‘Tarefa5’})   – – inclui
contabil.todos.splice(0,1)   – – começando no indice 0  retira 1 item
–>

 

 

 

Sobre Carlos Susviela

Programador (Desktop / web) WebDeveloper (Sistemas e páginas internet) Técnico Informática / Criptomoedas --------------------------- Torcedor: S.C. Internacional / RS / Brasil
Esse post foi publicado em Computadores e a Internet, html, Vue.js e marcado , , , , . Guardar link permanente.

Deixe um comentário