コツコツ学習ブログ

プログラマのweb上のメモ的なもの

Vue.js 基礎

Vue.Jsとは

JavaScriptフレームワークJQueryを業務で少しでも使用したことがある方ならご理解頂けるかと思うが、 導入しやすくDOM操作を便利にしてくれる反面コードがごちゃごちゃしてくる。 Jqueryでは、入力値をDOMと呼ばれる文書ツリーから取得し、Ajax通信を行い 取得結果を表示したりするが、この場合HTMLの文書構造が変わると、 Jqueryも逐次書き換えなければならない。

そこで登場したのがVue.Jsのようなフレームワーク。 ページに変化があればオブジェクトに反映させ、オブジェクトが変化すれば ページに反映させる テンプレート(HTML)とロジック(JavaScript)を分離し 生産性や保守性が向上する

コンポーネント指向

Vue.Jsはコンポーネント指向である。 コンポーネントは、ページを構成するUI部品のこと(ここ大事!) ビュー(テンプレート)、ロジック(オブジェクト)、スタイルなどから構成される

これらのコンポーネントを組み合わせてページを構成していくこと