01-02 VUEの概要と基本的な使い方

I. Vueの概要

1. Vueプログレッシブjavascriptフレームワーク
2. 宣言的レンダリング -> コンポーネント・システム -> クライアント・ルーティング -> 集中状態管理 -> プロジェクト構築
3. 
   or vuejs.bootcss.com/guide/

次に、Vueの基本的な使い方です。

基本的な使用手順

a. データを入力するラベルの提供

b. vue.jsライブラリファイルの紹介

c. 機能のためのvue構文の使用

d. vueから提供されたデータをタグに入力します。

HelloWorld 詳細分析

). パラメータ解析例

• el: 要素がマウントされる場所。
• data: モデルデータ

). 補間式の使い方：

• data : モデルデータ
• 補間式は基本的な操作（加算、減算、コロケーションなど）をサポートします。

). Vueコードの動作原理分析

• コンパイルプロセス vueフレームワークのコンパイル

コード部

<div id="app">
	<div>{{msg}}</div>
	<div>{{1+2}}</div>
	<div>{{msg+'----'+'123'}}</div>
</div>
	 /*
			VUE基本ステップ
			a. データを入力するためのタグを提供する
			b. vueの紹介.js 
			c.vueの構文を使って機能を実行する
			d. vueが提供するデータをタグに入力する
		*/
	<script type="text/javascript" src="js/vue.js"></script>
	<script type="text/javascript">
		var vm = new Vue({
			el:'#app', //vueに、このデータをどこに移動させたいかを伝える。
					 //厳密なidセレクタ
			data: { //データを提供する
				msg:'hello vue'
			}
		}); //vueのインスタンスを格納する
	</script>