Descrição princípio Vue (MVVM padrão de projeto)

Vue usado front-end padrões de design quadro MVVM, mvvn = m + v + vm, o que eles representam?

• v representa a camada de vista vista, a camada irá ser apreciado elementos html, e a forma:

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

• m representa a camada de modelo de dados de modelo, que contém a camada de dados a serem exibidos para a vista, como este:

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

• É representado por camada controlador vm viewmodel, que dados da camada pode ser exibida em camada de vista do modelo, os dados nas mudanças do modelo, podem ser modificados em visão em tempo real da camada de dados, o formulário:

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

Aqui pode encontrar a camada de modelo é incluído na camada ViewModel, que é o quadro para a concepção de três Vue, nós só falamos sobre camada de controlador ViewModel pode conhecer o modelo de dados é modificado e os dados mais recentes para a camada de visão esta é a forma de alcançá-lo?
Vue aqui para dizer para os dois principais subsistemas: o sistemas árvore DOM virtuais, sistema de resposta de dados .

• sistema de árvore dom Virtual
  em vue criar um objeto new Vue(), o navegador irá verificar todos os elementos da página e salve elementos podem mudar no futuro, eles são uma coleção de objetos para formar uma árvore DOM
• sistema de resposta de dados
  que irá monitorar mudanças na camada de modelo de dados, mas irá notificar alterações objeto de dados virtuais árvore DOM, atravessando a árvore dom, olhando para cima ouvindo os elementos, modificar o conteúdo do elemento

Aplicação dos dois subsistemas, Vue pode conseguir atualizações em tempo real de dados.