VueのWebフレームワークプログレッシブフレームワーク - インストールの概要（のpython3エントリー）

1 VUE：JSプログレッシブフレーム
2つの利点：単一ページ、DOMバーチャル、コンポーネントベースの開発を結合軽量、データ駆動型、双方向データ（ページのコードを取る）
。3 VUEインスタンスメンバー：EL（マウントポイント）、データ（データ）、メソッド（メソッド）
4つのVUE手順：V-テキスト（平文命令）、V-HTML（タグを解析することができる）、V-回（補間式テキストをレンダリングする）、{}（補間式） 、V-に（インシデントコマンド）、V-バインド（propertyコマンド）、Vモデル（フォームのコマンド）、V-IF、他-IF-V、V-ショー
    @ ON-同等V： 
    ：同等のV-バインド：

Djangoの
前面と背面には、個別のプロジェクトはありません
    ページのレンダリング1背景
    CSRFトークン=>フォームPOSTリクエスト2
    3レンダリング、HTTPResponseは、リダイレクト=> jsonResponse
    4アヤックス=>一部のページが更新

分離プロジェクトの前と後に台湾を
    自分のレンダリングの前ページ1 -独自のサーバー稼働を構築します
    2 AJAX完全なデータ要求
    3 DRF（Djangoのフレーム） -残りのフレームワークジャンゴ-安らか（プロトコルインターフェース仕様）
    。4 VUE（JSフレーム） -データドライバ

学習曲線
    1 VUE。
    2 DRF
    3ルフィ。

Vueのフレームワーク
プログレッシブ、JavaScriptのフレームワーク：VUEが何であるかを

フォアグラウンド三つの主要なフレームワーク：
    -特に雨の川でVUE（軽量）
    ログインfacebook -アンギュラ
    -反応GitHubのは

：フロントエンドのデザインパターンを高度な
    MVVM - MVCよりも二つに分けMVC以上を、より良いです
    完全に離れた開発のコンポーネント、サーバ側から。（+スタイル+関数ページ）

の利点のVUE
    単一ページ、低いハードウェア要件
    2悪用アセンブリ
    3データドライバ
    バインディング4双方向データ
    5仮想DOMを
    6軽量

、VUE環境を展開します

1つのインストールノードhttp://nodejs.cn/download/へ次へ次へ

2インストールcnpm（外国における原因NPMは、私たちは、インストールエラーをダウンロードしないよう、国内CNMPソースを置き換え）NPMインストール-g cnpm --registry須藤 = インストール上のhttps://registry.npm.taobao.orgない場合はエラーが成功した

CNPMは-gする@ VUEはsudo / CLIのインストール3インストールVUE足場

実行し、インストールが失敗した場合は、空のNPMキャッシュクリーン4キャッシュ処理ステップ3 -力は、ステップ3で、コマンドを再実行します

VUEデプロイメント環境

二、VUEのプロジェクト作成

    -手動でSELECT機能
    -あなたのプロジェクトをチェックするために必要な機能
        。より良いブラウザを識別することができ、転送構文文法ES6のES5に1バベル、
        2つのルーター遠位ルーティング
        3 Vuex倉庫間でデータを、組立部品の相互作用
        4リンター/フォーマッタ。   
        
    - ？ルータの履歴モードを使用します
        ので、ここでY軸を選択し、フォーム履歴（ウインドウの歴史）、前進後退させるために、原因VUEのページ1ページだけを
    リンター/フォーマッタ設定ピック- 
        Basicを
    追加糸くずをフィーチャー選ぶ- 
        保存上のラインを
    あなたがどこに-好むためバベルの設定、CSSなどを置く？
        decicated設定ファイルに
    -保存は、このプロジェクトの未来のためのプリセットとして？
        N 
    
    - CNPMはRUNに仕えます

1. VUEは、[カスタムVUEプロジェクト名]を作成します

    -あなたは、プロジェクトのVUE環境に移行していない場合は、すべての新しいフォルダをコピーする必要があり、このフォルダをnode_modulesに加えてする必要があり
        、その後、復興依存cnpmをインストールし実行します

2.移行の復興プロジェクト

    -設定を編集します
    - （カスタム）の名前を記入
    packageJson :( package.jsonのVUEプロジェクトはの道を開くために必要なことを選択） - 
    -コマンド：（RUN）
    -スクリプト：（サーブ）
    -選択通訳:(環境をノード間）
    -パッケージマネージャ:( NPM環境への選択）
    
    -オープンpycharm設定- Plugins- vue.js検索vue-インストール
    -再起動pycharm 
    -完全に！

3. VUEプロジェクトがpycharmで開きます

三、VUEカタログ説明

- node_modules：プロジェクトの依存関係
- 
-公共：公共ファイル
    のfavicon.ico：ページタブのアイコンの
    インデックス：プロジェクトのページのみ

- SRC：ファイルディレクトリのプロジェクト開発
    資産：静的リソース
       CSS | IMGの
    コンポーネント：ウィジェット（* .vue）
    ビュー：ビュー成分（* .vue）
    app.vue：ルート成分
    main.js：メインスクリプトファイル
    router.js：ルーティングスクリプトファイル- VUE-ルータ
    store.js：倉庫スクリプトファイル- vuex 

- * .xmlファイル| JSON | JS：シリーズプロフィール
- README.md：指示

コードの表示

    「VUE」// node_modulesの下に直接依存からの輸入のVueの名前書き
    カレントディレクトリへの相対パスを表し// ./、ファイルの拡張子を省略することができる「./App.vue」からのインポートアプリケーションを
    「./router」からインポートルータを@絶対パスsrcディレクトリを表す
    「./store」からインポート店舗
    主に構成された情報//プロジェクト全体構成を与えることである
    //構成VUEを|倉庫|ルーティング|ルートコンポーネントアプリ
    //はまた、クッキーを装備することができた後に|アヤックス（Axios）|要素-UI 
    
    
    
    //ヒントのヒント
    偽=にVue.config.productionTip 
    
    新しい新しいヴュー（{ 
      ルータ、
      店、
      レンダリング：H => H（APP）
      //結果、次の2つのセットが正のソリューションです
      //レンダリング： = readTemplateFn> readTemplateFn（APP）
      //ネイティブは、以下：
      //レンダリング：ファンクション（FN）{ 
      //返すのFn（APP） 
      //}
    }）$マウント（ '＃アプリ'）// $ MOUNT =エル： '＃アプリケーション'

main.jsプロフィール

VueのWebフレームワークプログレッシブフレームワーク - インストールの概要（のpython3エントリー）

おすすめ