今では、GaN始まっ：学習のVueを（1）

フロント

いくつかの理由が、次の学期のために同じについて学ぶためにウェブ、フロントエンド（HTML CSS Javascriptを）の基礎を教えるコースがあります（未フレームワークを学び、習得することを決定した後、およびVueのを学ぶようになりました。

：最初は、ビデオの一連の推奨リンク（嗶哩嗶哩）エントリのために、より詳細に話すと

1. Vue.js何ですか

プログレッシブJavaScriptフレームワーク

公式サイトは説明します

個人：、簡単に学習でき、他のライブラリやフレームワークをマージすることができ、仮想DOMバインディングは非常に効率的で単純なデータであります...~~要するに、非常に便利な233を望んでいます~~

2.のVueの導入

学び、いくつかの簡単なささいなことを行うために使用されている場合~~????~~、HTMLに直接添加することができる<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>導入すること、または<script src="https://cdn.jsdelivr.net/npm/vue"></script>前者は、開発環境のバージョンが有用警告コマンドラインを含む、後者はサイズと速度のために最適化され、製造バージョンであります

その他の方法

3. [スタート]

最初のステップは、get A HTMLになければなりません

出典：

1 
2 
3 
4 
5 
6 
7 
8 
9 
10 
11 
12は
13である
14 
15 
16
大列は   今GaNから始めること：Vueの学習（1） >

<！DOCTYPE HTML> 
<HTML> 
<HEAD> 
	<METAのcharset = "UTF-8"> 
	<タイトル>ラーニングをvue.js </ TITLE> 
	<SCRIPT SRC =「https://cdn.jsdelivr.net/npm/vue /dist/vue.js "> </ SCRIPT> 
</ HEAD> 
<BODY> 
	<！ - VUE-123はVUEでこの容器に導入されるコンテナです- > 
	<DIV ID =" VUE-123」 > 
		<H1の> {{名前}} </ H1の> 
	</ div> 
	<！ - 123.jsリンク- > 
	<SCRIPT SRC = "123.js"> </ SCRIPT> 
</ BODY> 
</ HTML>

まず、オブジェクト、および同様の新しいアイデアのオブジェクトの最初のインスタンス：

1 
2 
3

新しいヴュー（{ 
	EL： "＃VUE-123" 
}）。

エル要素を表し、血管の名前を追加するためのバックは、例えば、私は、IDのdiv VUE-123にここにありました。

その後、我々は変数を宣言するように、データを作成します。

新しいヴュー（{ 
	EL： "＃1 VUE-123"、
	データ：{ 
		名前= "chenzhuo" 
	} 
}）。

このデータに与えられたメソッドは、2つの中括弧（マップ上）の名前データを呼び出し、その背中HTMLに、名前にこのコンテンツをchenzhuo。

そしてそれが直接開く場合など、通常のH1タグデータに

（技術的な理由から、写真をアップロードすることが一時的にできません。）

テスト1

Vueの学習（1）ステージの注意事項

~~彼は三日は2½日間にドラッグ書きました~~