Perché i framework JS MVC preferiscono il binding dei dati al riferimento agli elementi dell'interfaccia utente?

Question

Perché i framework JS MVC preferiscono il binding dei dati al riferimento agli elementi dell'interfaccia utente?

#1 da (5 voti)

2

Quando utilizzi framework come Angular, Angular2 + e React, il modo in cui inserisci i dati nell'interfaccia utente è legando una proprietà a un attributo di un elemento dell'interfaccia utente .

D'altra parte, quando stai facendo dev di iOS standard o dev JS / JQuery tradizionale, estrai un riferimento ad elementi dell'interfaccia utente e fai ciò che ti serve con quel riferimento.

La mia domanda è, perché tutti questi framework JS MVC basati su componenti sono tutti associati alla modalità di associazione dei dati, esiste un problema di compatibilità tra l'architettura del componente e il modo di riferimento dell'elemento dell'interfaccia utente?

ios angularjs jquery angular2 react

posta Andy 10.01.2018 - 22:05

fonte

1 risposta

Leggi altre domande sui tag ios angularjs jquery angular2 react

Consigli sui limiti di AggregateRoot Che cosa è esattamente un software di tipo P

score 5 · Accepted Answer

Lo scopo del collegamento dei dati è quello di disaccoppiare la vista dal modello. Né il modello né la vista dovrebbero conoscersi l'un l'altro. L'associazione dei dati è la colla che collega il modello alla vista e promuove la separazione delle preoccupazioni. Non puoi ottenere questo tipo di disaccoppiamento manipolando direttamente il DOM, e il codice così scritto è noioso, ingombrante e difficile da mantenere.

Data binding is the mechanism that connects a data model to the user interface (UI). This does not require the developer to manually retrieve model values, nor perform some kind of DOM or other template string manipulations to populate the UI with model data. Data binding services are very popular with developers because they greatly simplify the process of updating the UI and reduce the amount of boiler plate code in applications.

L'associazione dati può supportare più modalità, ad esempio una tantum, a una via e a due vie. Non puoi ottenerlo manipolando direttamente il DOM; tutto il tuo codice sarà codice personalizzato.

Ulteriori letture
link