vueインスタンスのコンポーネント開発:マルチタグ切替コンポーネント/tabs切替コンポーネント

一、カスタム方式:
コンポーネントTabsを定義する.vue

  export default {
    data(){
      return {
        index: 0
      }
    },
    props: ["tabs", "contents"]
  }

コンポーネントTabsを使用する.vue

import Tabs from './Tabs'
export default {
  data() {
    return {        
      tabs: ["post", "get", "patch"],
      contents: ["content1", "content2", "content3"]
    }
  },
  components: {
    Tabs
  }
};