Descripción principio Vue (patrón de diseño MVVM)

Vue utiliza patrones de diseño MVVM marco de front-end, mvvn = m + v + vm, lo que representan?

• v representa la capa de vista punto de vista, la capa se apreciará elementos HTML, y la forma:

<div id="app">
    {{ message }} 
</div>

• m representa la capa del modelo de modelo de datos, capa que contiene los datos que se muestra a la vista, como este:

    data: {
        message: 'Hello Vue!',
    }

• Está representado por vm ViewModel capa del controlador, que datos de la capa se pueden visualizar en la capa de vista del modelo, los datos de los cambios de modelo, se pueden modificar en vista en tiempo real de la capa de datos, la forma:

var app = new Vue({
    el: '#app',
    data: {
        message: 'Hello Vue!',
    }
});

Aquí se encuentra la capa de modelo se incluye en la capa de modelo de vista, que es el marco para el diseño de tres Vue, que acabamos de hablar viewmodel capa del controlador conozca el modelo de datos se modifica y los últimos datos de la capa de vista esta es la forma de lograrlo?
Vue aquí para decir a los dos subsistemas principales: el sistemas árbol DOM virtuales, sistema de respuesta de datos .

• sistema de árbol DOM virtual
  en vue crear un objeto new Vue(), el navegador buscará todos los elementos de la página y guardar elementos pueden cambiar en el futuro, que son una colección de objetos entre sí para formar un árbol DOM
• sistema de respuesta de datos
  que monitorear los cambios en la capa de modelo de datos, sino que notificar los cambios de datos de objetos virtuales árbol DOM, atravesando el árbol DOM, mirando hacia arriba escuchando a los elementos, modificar el contenido del elemento

Aplicación de dos subsistemas, Vue puede lograr actualizaciones en tiempo real de los datos.