Vue.js初紹介

何を学びたいかはまずこれが何なのかを知る必要があるので、まずvueが何なのかを紹介します.
Wiki百科:Vue.js([/vjuː/],あるいはVueと略称する)は、ユーザインタフェースを作成するためのオープンソースJavaScriptフレームワークであり、単一ページアプリケーションを作成するWebアプリケーションフレームワークでもある.2016年のJavaScriptに対する調査によると、Vueは89%の開発者満足度を持っている.GitHubでは、このプロジェクトは1日平均95個の星を収穫することができ、Github史上3番目に多いプロジェクトである.
ユーザーインタフェースを構築するための漸進的なフレームワークです.他の大型フレームワークとは異なり,Vueは底から上へ層毎に適用できるように設計されている.Vueのコアライブラリは、ビューレイヤのみに注目し、使いやすいだけでなく、サードパーティのライブラリや既存のプロジェクトとの統合も容易です.一方、Vueは、近代的なツールチェーンやさまざまなサポートクラスライブラリと組み合わせて使用される場合、複雑な単一ページアプリケーションを駆動することができます.
vueの特性
コンポーネント
コンポーネントはVueの最も強力な特性の一つです.大規模なアプリケーションをよりよく管理するためには、アプリケーションを小さく独立した多重化されたコンポーネントに切断する必要があることが多い.Vueでは、コンポーネントはベースHTML要素の拡張であり、データと動作を容易にカスタマイズできます.
かたわく
VueはHTMLベースのテンプレート構文を使用して、開発者がDOM要素を最下位のVueインスタンスのデータにバインドできるようにします.すべてのVueのテンプレートは合法的なHTMLなので、仕様に従ったブラウザやHTML解析器で解析できます.最下位の実装では、Vueはテンプレートを仮想DOMレンダリング関数にコンパイルする.応答システムと組み合わせて、Vueは、適用状態が変化すると、再レンダリングコンポーネントの最小コストをスマートに計算し、DOM動作に適用することができる.
さらに、Vueは、テンプレート構文の代わりにJSX言語をコンポーネントとして使用するレンダリング関数を開発者に直接使用させることができる.
おうとうしきせっけい
応答式とは、MVCモデルのビューがモデルによって変化することを意味する.Vueでは,開発者がビューを対応するモデルにバインドするだけで,Vueはモデルの変動を自動的に観測し,ビューを再描画することができる.この特性により,Vueの状態管理がかなり単純で直感的になる.
トランジションエフェクト
Vueは、DOMを挿入、更新、または除去する際に、様々な方法で遷移効果を適用する.次のツールがあります.

CSS遷移およびアニメーションにおけるclass

の自動適用

は、AnimateなどのサードパーティCSSアニメーションライブラリを併用することができる.css

移行フック関数でJavaScriptを使用してDOM

を直接操作する.

は、VelocityのようなサードパーティJavaScriptアニメーションライブラリを使用することができる.js.

シングルファイルコンポーネント
より複雑なプロジェクトに適応するために、Vueはサポートする.vueは、Vue.componentを使用してコンポーネントを登録する代わりに、拡張子のファイルの完全なコンポーネントを定義します.開発者は、WebpackやBrowserifyなどの構築ツールを使用して、単一ファイルコンポーネントをパッケージ化することができます.
コアプラグイン

vue-router

vuex

vue-loader

vueify

vue-cli公式チュートリアル:https://cn.vuejs.org/v2/guide/index.html