Esquema simplificado da base de funcionamento da biblioteca Vue.js

Abaixo, um resumo em 4 imagens o como funciona a ideia do Vue.js sobre a directive.

Esquema básico e superficial de uma directive:

Como é a forma que funciona o relacionamento DOM e Data via Directive?

Como é este ciclo na visão dos Dados?

Como é o processo na perspectiva da Directive?

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

Artigos relacionados:

VueJS – Comportamento atual da versão 1.0.21 e anteriores sobre atributos extras em Directive jQuery like Angular.js directive Angular.js 1.4 – Como adicionar uma directive dentro de outra directive Alterações de funcionamento entre o ng-options do Angular 1.3 e 1.4 Melhorias de performances manuais com novos recursos do AngularJs >=1.3 – Bind Base de Dados MySQL dos CEP’s brasileiros do correio Base de Dados PostgreSQL dos CEP’s brasileiros do correio WordPress – Como atualizar o contador de taxonomies após alterações manuais na base de dados Como atualizar do PostgreSQL 9.4 para 9.6