Vue.js

モダンな Web インターフェース向けのリアクティブコンポーネント

v1.0.28 をインストール はじめる

Proudly sponsored by
Proudly sponsored by

10秒で分かる例

1
2
3
4
<div id="demo">
  <p>{{message}}</p>
  <input v-model="message">
</div>
+
1
2
3
4
5
6
var demo = new Vue({
  el: '#demo',
  data: {
    message: 'Hello Vue.js!'
  }
})
=

{{message}}

シンプル

いくつか HTML を書いて、いくつか JSON を持ってきて、Vue インスタンスを作って、それでおしまいです。

リアクティブ

式 (expression) と透過依存性トラッキングによる算出プロパティ (computed property) 。

コンポーネント

分離された、再利用可能なコンポーネントであなたのアプリケーションを構成します。

コンパクト

min+gzip で 24 キロバイト〜、依存はありません。

速い

精密で効率のよい非同期バッチで DOM を更新します。

パッケージ

NPM 、Bower 経由でインストールします。あなたのお気に入りのエコシステムを利用できます!

もし以下の項目が気に入るなら試してみましょう!