Dicas de conversão de um view Angular.js 1.x para Vue.js 1.x

No HTML, os seguintes atributos Angular.js podem ser substituídos pelos correspondentes Vue.js, de modo a efetuar uma conversão da view HTML de ng- para v-:

1. ng-class, usando a sintaxe de object, pode ser substituido diretamente por :class
2. ng-click deve ser substituído por @click ou @click.prevent (depende de cada caso)
3. ng-model pode ser substituído diretamente por v-model
4. ng-disabled pode ser substituído por :disabled
5. ng-show pode ser substituído por v-show
6. ng-if pode ser substituído por v-if
7. ng-repeat no padrão “o in array_of_objects” pode ser substituído diretamente por v-for. Os demais casos devem ser verificado a sintaxe interna e a compatibilidade entre estas sintaxes.
8. ng-href em geral pode ser substituído por v-link=”{ path: <href> }”

Gostou? Tire um minutinho e dê sua contribuição para Drall Dev Community no Patreon!

Artigos relacionados:

Prevenindo a execução de ng-click aninhados no Angular.js Dicas para conversão do padrão ereg para preg no PHP Uso de operador ternário em expressões no view do Angular.js Vue.js – Como obter a lista de filters suportados e já registrados Alterações de funcionamento entre o ng-options do Angular 1.3 e 1.4 Primeira impressão de desenvolvimento de aplicativos usando Angular.js 2.0 Angular.js 1.4 – Como adicionar uma directive dentro de outra directive JQuery – Gerando evento automaticamente para todos os elementos filhos Migrando do Angular.js 1.0.8 para a versão 1.2.0