Vueシリーズチュートリアル(一)基礎紹介

Vueとは何ですか.js

Vue.jsは現在最も人気のあるフロントエンドフレームワークであり、Reactは最も流行しているフロントエンドフレームワークである(Reactはウェブサイトの開発のほか、携帯電話Appの開発も可能であり、Vue文法も携帯電話Appの開発も可能であり、Weexを借りる必要がある)

Vue.jsはフロントエンドの主流フレームワークの一つであり、Angular.js、React.jsと共に、フロントエンドの3大主流フレームに!

Vue.jsはユーザーインタフェースを構築するフレームワークであり、ビューレイヤだけに注目し、使いやすいだけでなく、サードパーティ製ライブラリや既存のプロジェクトの統合にも便利です.(Vueセットのサードパーティクラスライブラリは、大規模なプロジェクトの開発に統合できます)

フロントエンドの主な仕事?主にMVCのVという層を担当しています.主な仕事はインタフェースと付き合い、フロントエンドのページ効果を作ることです.

なぜ流行の枠組みを学ぶのか

企業は開発効率を高めるために;企業の中で、時間は効率で、効率はお金です;

企業では、フレームワークを使用することで、開発効率を向上できる

開発効率の向上:オリジナルJS(各種ブラウザで互換性に問題がある)->Jqueryのようなクラスライブラリ(dom要素を頻繁に操作し、domをつなぎ合わせる)->フロントエンドテンプレートエンジン(データ変更はページ全体を再レンダリングする)->Angular.js/Vue.js(不要なDOM操作を低減し、レンダリング効率を向上させる;双方向データバインドの概念[フレームワークによって提供される命令により、フロントエンドプログラマーはデータのビジネスロジックに関心を持ち、DOMがどのようにレンダリングされているかに関心を持たなくなる])

Vueの中で、1つと核心の概念は、ユーザーがDOM要素を操作しないようにすることであり、ユーザーの両手を解放し、プログラマーがより多くの時間をビジネスロジックに注目することができるようにすることである.

自分の就職時の競争力を高める

人は私がいないで、人は私が優れている

人がいます

フレームとライブラリの違い

フレームワーク:完全なソリューションです.プロジェクトへの侵入性が大きく、プロジェクトがフレームワークを交換する必要がある場合は、プロジェクト全体を再構築する必要があります.

nodeのexpress

ライブラリ(プラグイン):ある小さな機能を提供し、プロジェクトへの侵入性が小さく、あるライブラリがいくつかのニーズを完了できない場合、他のライブラリに切り替えてニーズを実現することができます.

Jqueryからzepto

に切り替え

EJSからart-template Node(バックエンド)に切り替えるMVCとフロントエンドのMVVMの違い

MVCはバックエンドの階層開発概念

である.

MVVMは、フロントエンドのビューレイヤの概念であり、主にビューレイヤの分離に注目している.すなわち、MVVMはフロントエンドのビューレイヤを、Model,View,VM ViewModel

の3つの部分に分けている.
最初のVueの例

    
    





    
{{msg}}




    // 2.     Vue   
    //         ，        ，     Vue    
    //   ：   new       vm   ，     MVVM   VM   
    var vm = new Vue({
        el: '#app',  //   ，    new   Vue  ，           
        //     data    MVVM    M，             
        data: {  // data    ，     el        
            msg: '    Vue'  //    Vue      ，              ，         DOM   【   Vue     ，         DOM   】
        }
    })