Vue.jsを使ったフロントエンド開発 ( 1 )

Vue.js

Vue (発音は / v j u ː / 、 view と同様）はユーザーインターフェイスを構築するためのプログレッシブフレームワークです。他の一枚板(モノリシック: monolithic)なフレームワークとは異なり、Vue は少しずつ適用していけるように設計されています。中核となるライブラリは view 層だけに焦点を当てています。そのため、使い始めるのも、他のライブラリや既存のプロジェクトに統合するのも、とても簡単です。また、モダンなツールやサポートライブラリと併用することで、洗練されたシングルページアプリケーションの開発も可能です。

vuejs.orgより抜粋

Vue.js 使い始めのサンプルコード

基本的な構成は、

[フォルダ]
– app.js
– index.html
– styles.css

となる。基本的にUI上に表示されるテキストは マスタッシュタグと呼ばれるタグで表記して、app.jsで定義する。

app.js

index.html

ブラウザで見るとこんな感じになる。