Vueのインストールの準備

0、公式サイト#1 VUE-CLIのインストール・設定プロセスがデフォルトのNPM(パッケージ管理ツール)によってインストールされたのNode.jsからダウンロードしたノードを、インストールします。
。1、インストールNPM = -g CNPM --registry HTTPS://registry.npm.taobao.org
2、全体のインストール:NPMインストールVUE-CLI -g(グローバル・アン:NPMのアンインストールVUE-CLI -g) #はグローバルにインストールされなければなりませんVUE-cliを、それ以外の場合はないでしょうVUEコマンド
インストールが成功したかどうかを確認するために3:ノード-v
4、インストールが成功したかどうかを確認するために:-VをVUEの
フロント---あなたがすでにインストールされている場合は、してインストールする必要はありません---
5、コマンドライン操作:VUEのWebPACK YourProjectのinit
私たちのプロジェクトのディレクトリVUEに6、CD YourProject。
7、NPMの依存関係は、当社の事業、ネットワークインストールは良い選択CNPMないインストールインストールは
8、プロジェクトディレクトリUI -S-要素I NPMでコマンドラインを入力します。
9取り付けられています。 axiosファイル--save axios NPMインストール
、10を構築した後、NPMの実行のdevの開発モデルがパックされたプロジェクトディレクトリの下に生成された私たちのプログラム#のdistディレクトリを実行します

11、(ESlintインストール)を構築するためにeslint -g vuejsプロジェクト開発環境をインストールcnpm
NPM、12をVUEの学習過程でこの問題のVUE資源--saveインストール出現をインストールし、説明VueResourceモジュールがインストールされていません。


VUE変数の4種類を定義している
1data
定義された変数のデータは、我々は維持する必要があるということです、何度か変更または使用されます
2computed
定義された属性の計算で計算変数が自動的に計算されている
計算ことに留意すべき変数データに定義することができない、競合は、私たち自身のコントロールでデータ変数が変化するであろうものの定義を変更したり、ショッピングカートのリストデータなど、さまざまな方法で割り当てることが、プロセスに追加および削除に変更されます、単に言いました私たちは、ショッピングカートの変数の数は、しかし、処理に時間を追加や削除に対応するか、この変数を維持するために所有する必要がありますが、ショッピングカートのデータから計算することができ、あなたが計算された特性を利用することができ、この時間は、私たちは、自動的にメンテナンスカート数量これを計算するのに役立ちますプロパティの値は、の変数の値を変更し、手動で再び自分自身を維持するために、追加および削除の際には必要ありません
作成した3
DOMのレンダリングが最初に実行される前に作成されたライフサイクルでの、この変数は通常、内部に定義されていません変更。
いくつかの一般的なシナリオがあります:
あなたは私たちはパーソナライズされたいくつかのパラメータを渡す必要があるサブコンポーネント、サブアセンブリを呼び出すと、それがコンポーネントの作成をレンダリングする前に実行されるため、これらのパラメータは、一度だけ定義され、通常は変更しないでください、あなたは定義で再作成することができます
4つの方法
で機能のいくつかのケースでは三つの方法があるの
に使用される1のみの関数内での変数は、我々だけのように定義できるようにする必要がある
1は、我々はできる使用されている複数の機能でありますthis.xxxだけで、ほとんどのデータの定義のように、定義すると
うまく直接輸出既定のうち、constの私たちで定義された定義の定数があります

使用に時計
、計算違いと見て
1リアルタイム計算監視することができます
2watchは、変数内のデータを監視することができ、計算されたデータは変数で計算することができない
3watchの使用シナリオの
変数あまりにも頻繁に1dataに変更、治療は仕方の変化を監視するために使用することができます
2を私たちにできることで渡された値が、その後、あなたがこの値、または値の変更を受けて値を監視することができます前に、必要とするいくつかの処理を行う必要があるなど、実行の順序を制御するための時計を使用して、我々は対処し始めました

おすすめ

転載: www.cnblogs.com/zjgtlkj/p/11360851.html