vue.js 動的コンポーネントの詳細な説明

<div id="アプリ">
    <test v-bind:is="which_to_show"></test>
</div>

<スクリプト>
    var デモ = 新しい Vue({
        el: "#app",
        データ： {
            表示する項目: "first"
        },
        コンポーネント:
            初め： {
                テンプレート: "<div>まずサブコンポーネントです</div>"
            },
            2番目： {
                テンプレート: "<div>ここにサブコンポーネント 2 があります</div>"
            },
            三番目： {
                テンプレート: "<div>ここにサブコンポーネント 3 があります</div>"
            }
        }
    });
</スクリプト>