動態切換元件。

當有兩個元件在進行切換時，透過v-if可以輕鬆達成，但如果有十幾二十個呢？這樣的寫法就會非常複雜，這時候我們可以透過:is動態綁定的功能實現。

1. 在 Vue 資料中設定一個目前的狀態。
2. 將:is綁定到一個 div 上，使其跟著狀態的切換進行渲染。

<div id="app">
  <button @click="current = 'article1'">first</button>
  <button @click="current = 'article2'">second</button>
  <div :is="current"></div>
</div>

<script>
  Vue.component('article1', {
    template: '<p>我是第一篇文章</p>',
  });

  Vue.component('article2', {
    template: '<p>我是第二篇文章</p>',
  });

  var app = new Vue({
    el: '#app',
    data: {
      current: 'article1',
    },
  });
</script>