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

image_pdfimage_print

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!