.NET 開発基盤部会 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。

目次

概要

  • GoogleにおいてAngularJSを使用した開発に携わった
    エヴァン・ヨーによって開発され、2014年2月にリリースされた。
  • ヨーは

    Angularの本当に好きだった部分を抽出して、
    余分な概念なしに本当に軽いものを作ることができたらどうだろうか?」

と考えていた。

詳細

特徴

  • 部分的に採用可能なアーキテクチャ(プログレッシブフレームワーク)を採用している。
  • コアライブラリは、宣言的なレンダリングとコンポーネントの構成に焦点を合わせている。
  • このスコープはReactと、似ているが、
    Reactと違い、段階的に導入でき、学習コストが低い。
  • スケール・アップ&ダウンの柔軟性が高く機能拡大がしやすい。
  • パッケージ・マネージャー、バンドラーを使用せず、
    CDNから直接的に読み込む「最小構成」を組める。
  • 以下の機能を部分的に使用できる。
    • データバインディング
    • ディレクティブ
    • コンポーネント

テンプレート

Angularと同様、基本的にはHTMLをベースとしたテンプレート言語を採用。

  • テンプレートを仮想DOMレンダー機能にコンパイルする。
  • HTMLの要素にデータを宣言的にバインドする。

リアクティブ

  • モデルは単純なJavaScriptオブジェクトである。
  • それらが変更されるとViewが更新される。
  • 状態管理は非常に容易で直感的である。
  • このリアクティブ・システムは MVVM と依存追跡
    の分野における先駆者であるKnockoutと似ている。

コンポーネント

  • Vueの最も強力な機能の1つ
  • Reactとの違い。
    • コンポーネントの依存関係が描画中に自動的に追跡される。
    • ネストされたコンポーネントに注意する必要はありません。

トランジション

  • DOM から要素を取得したり削除するといった
    トランジションエフェクトを自動的に適用できる。
  • 以下のツールが含まれる。
    • CSSトランジションとアニメーションのクラスを自動的に適用する
    • CSSアニメーションライブラリを統合する
    • トランジションフック中にJavaScriptを使用してDOMを直接操作する
    • JavaScriptアニメーションライブラリを統合する

ルーティング

  • SPAはブックマークに保存したり、特定の記事へのリンクを共有することは不可能。
  • この問題を解決するために、hashbang(#!)分割されたURLを提供している。

トレンド

  • 2018年、GitHub?スター数が、
    Backbone.js、AngularJS、Angular、jQuery、React等、
    他の歴史あるライブラリを上回った。
  • 日本ではVueはReactと二分する人気があるが、今では、世界的にReactが人気。
  • 2020年には、React、Vueの2強
  • ReactがVueの2-3倍ほどの人気
    GitHub?でスターやnpmのダウンロード数など)。

参考

Qiita

jp.vuejs.org

https://jp.vuejs.org/index.html

  • ガイド

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2020-02-05 (水) 11:17:47 (54d)