001、Vue -- MVVM

正式にvueの学習を開始する前に、MVVMとは何かを理解する必要があります.VueはMVVMモードに完全に従っていませんが、Vueの設計は啓発されたに違いありません.そのためMVVMのこのようなアーキテクチャの設計を理解して、私達の後期のもっと良い学Vueを便利にして、他のMVVMのフレームワークの学習に対して良い敷居があります.
MVVMの分割後、3つの部分からなり、それぞれ

M

は主にデータの記憶を担当するために用いられる

である.

V

主にページの展示に用いられる

VM

はプロジェクト中のロジックの展示を担当し、MとVの接続ピボット

を担当する.

1つのアプリケーションプロジェクトの開発には、データがサポートされており、一般的にMで表されています.データ(M)をカプセル化した後、ブラウザまたは他のデバイスに表示し、ビュー(V)に表示してユーザーに表示する必要があります.では、データ(M)の変更はどのようにしてビューページ(V)に伝達され、ビューページ(V)の変更はどのようにしてデータをさらに感知し、更新するのだろうか.このとき,VMの役割が示され,VMはデータを要求した後,ビューページを更新するとともに,ビューページの変更をデータに反映し,VMはVとMの架け橋となり,ハブ接続の役割を果たすといえる.
ではMVVMという設計アーキテクチャのメリットは何でしょうか.実はMVVMが解決しなければならない問題は業務ロジックコードとビューコードを完全に分離し、各部分が各部分の職責を完成することであり、このように全体の分業がより明確になり、同時にプロジェクトの後期のメンテナンスを便利にする.
ひとつのVueのDemo,主にMVVM思想を実証します

    
    


    

        
        {{name}}
    

    
        // MVVM   VM
        var vm = new Vue({
            el : '#box',
            // MVVM    M
            data : {
                name : "   "
            }
        })