Vue.js

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

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

Proudly sponsored by
Image Image Image Image Image Image Image Image Image
Image
Proudly sponsored by
Image Image Image Image Image Image Image Image Image

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 経由でインストールします。あなたのお気に入りのエコシステムを利用できます!

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