Vueの入門チュートリアル最初の記事(概念と初期化)

注意:このチュートリアルの正確性については、一部の記述は、公式サイトやWebコンテンツを指します。

インストールのVue

1、NPM VUEのインストールを使用して:

 NPM VUEをインストール 

2、JSファイルをダウンロードします。

https://vuejs.org/js/vue.min.js

 

Vueのコンセプト

VUE(発音/vjuːは、/、ビューと同様)は、ユーザインタフェースを構築するためのプログレッシブフレームです。他のフレームの差が大きい、Vueのは、層によってアップ底層から印加されるように設計されています。

Vueのコアライブラリのビュー層にのみ焦点を当て、使いやすいだけでなく、サードパーティ製のライブラリまたは既存のプロジェクトを統合することは容易ではないだけです。一方、現代のツールチェーンとさまざまなサポート・ライブラリーを組み合わせて使用、複雑な1ページのアプリケーションのためにドライブを提供することも十分に可能ヴュ。

応答はES6のいくつかの設計特性に依存するので、そのためIE8 VUEとブラウザの下のバージョン(ES5)をサポートしていません。

 

初期化

各Vueのアプリケーションは、Vueのをインスタンス化することによって達成する必要があります。

1つの VAR VM = 新しい新しいヴュー({
 2    // オプション
3 })

例:

1 <DIV ID = "vue_det">
 2      <H1>名:{{名前}} </ H1>
 3      <H1> {{詳細()}} </ H1>
 4 </ div>
 5 <スクリプトタイプ=」テキスト/ javascriptの">
 6      VARの VM = 新しいヴュー({
 7          EL '#vue_det' 8          データ:{
 9              名: "ジミー"
 10          }、
 11個         の方法:{
 12本              の詳細:関数(){
 13                  リターン  この .nameの+「歓迎!」14              }
 15         }
 16      })
 17 </ SCRIPT>

結果:

 

データ  の属性を定義するためには、例では、3つの属性がありました:サイト、URL、アレクサ。

メソッド  関数の定義については、関数の戻り値のリターンかもしれません。

{{}} オブジェクトの属性と関数の戻り値を出力します。

 

おすすめ

転載: www.cnblogs.com/JHelius/p/11684069.html