btn/src/router/index.js

A Vue.js project

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  // mode: 'history',
  routes: [
    {
      path: '/',
      name: 'nav',
      component:resolve => require(['@/views/nav'],resolve)
    },
    {
      path: '/buttonView',
      name: 'buttonView',
      redirect: '/',
      component:resolve => require(['@/views/buttonView'],resolve),
      children: [
        {
          path: 'bigButton',
          name: 'bigButton',
          component:resolve => require(['@/components/button/bigButton'],resolve)
        },
        {
          path: 'bigDisabledButton',
          name: 'bigDisabledButton',
          component:resolve => require(['@/components/button/bigDisabledButton'],resolve)
        },
        {
          path: 'bigRoundButton',
          name: 'bigRoundButton',
          component:resolve => require(['@/components/button/bigRoundButton'],resolve)
        },
        {
          path: 'bigRoundDisabledButton',
          name: 'bigRoundDisabledButton',
          component:resolve => require(['@/components/button/bigRoundDisabledButton'],resolve)
        },
        {
          path: 'columnButton',
          name: 'columnButton',
          component:resolve => require(['@/components/button/columnButton'],resolve)
        },
        {
          path: 'columnDisabledButton',
          name: 'columnDisabledButton',
          component:resolve => require(['@/components/button/columnDisabledButton'],resolve)
        },
        {
          path: 'columnRoundButton',
          name: 'columnRoundButton',
          component:resolve => require(['@/components/button/columnRoundButton'],resolve)
        },
        {
          path: 'columnRoundDisabledButton',
          name: 'columnRoundDisabledButton',
          component:resolve => require(['@/components/button/columnRoundDisabledButton'],resolve)
        },
        {
          path: 'mediumButton',
          name: 'mediumButton',
          component:resolve => require(['@/components/button/mediumButton'],resolve)
        },
        {
          path: 'mediumDisabledButton',
          name: 'mediumDisabledButton',
          component:resolve => require(['@/components/button/mediumDisabledButton'],resolve)
        },
        {
          path: 'mediumRoundButton',
          name: 'mediumRoundButton',
          component:resolve => require(['@/components/button/mediumRoundButton'],resolve)
        },
        {
          path: 'mediumRoundDisabledButton',
          name: 'mediumRoundDisabledButton',
          component:resolve => require(['@/components/button/mediumRoundDisabledButton'],resolve)
        },
        {
          path: 'smallButton',
          name: 'smallButton',
          component:resolve => require(['@/components/button/smallButton'],resolve)
        },
        {
          path: 'smallDisabledButton',
          name: 'smallDisabledButton',
          component:resolve => require(['@/components/button/smallDisabledButton'],resolve)
        },
        {
          path: 'smallRoundButton',
          name: 'smallRoundButton',
          component:resolve => require(['@/components/button/smallRoundButton'],resolve)
        },
        {
          path: 'smallRoundDisabledButton',
          name: 'smallRoundDisabledButton',
          component:resolve => require(['@/components/button/smallRoundDisabledButton'],resolve)
        },
        {
          path: 'disabledButton',
          name: 'disabledButton',
          component:resolve => require(['@/components/button/disabledButton'],resolve)
        }
      ],
    },
    {
      path: '/formView',
      name: 'formView',
      redirect: '/',
      component:resolve => require(['@/views/formView'],resolve),
      children: [
        {
          path: 'baseInput',
          name: 'baseInput',
          component:resolve => require(['@/components/form/baseInput'],resolve)
        },
        {
          path: 'iconInput',
          name: 'iconInput',
          component:resolve => require(['@/components/form/iconInput'],resolve)
        },
        {
          path: 'passwordInput',
          name: 'passwordInput',
          component:resolve => require(['@/components/form/passwordInput'],resolve)
        },
        {
          path: 'telInput',
          name: 'telInput',
          component:resolve => require(['@/components/form/telInput'],resolve)
        },
        {
          path: 'iconTelInput',
          name: 'iconTelInput',
          component:resolve => require(['@/components/form/iconTelInput'],resolve)
        },
        {
          path: 'tInput',
          name: 'tInput',
          component:resolve => require(['@/components/form/tInput'],resolve)
        },
        {
          path: 'tTelInput',
          name: 'tTelInput',
          component:resolve => require(['@/components/form/tTelInput'],resolve)
        },
        {
          path: 'select',
          name: 'select',
          component:resolve => require(['@/components/form/select'],resolve)
        },
        {
          path: 'iconSelect',
          name: 'iconSelect',
          component:resolve => require(['@/components/form/iconSelect'],resolve)
        },
        {
          path: 'linkageSelect',
          name: 'linkageSelect',
          component:resolve => require(['@/components/form/linkageSelect'],resolve)
        }
      ],
    },
    {
      path: '/lineButtonView',
      name: 'lineButtonView',
      redirect: '/',
      component:resolve => require(['@/views/lineButtonView'],resolve),
      children: [
        {
          path: 'bigLineButton',
          name: 'bigLineButton',
          component:resolve => require(['@/components/lineButton/bigLineButton'],resolve)
        },
        {
          path: 'bigLineDisabledButton',
          name: 'bigLineDisabledButton',
          component:resolve => require(['@/components/lineButton/bigLineDisabledButton'],resolve)
        },
        {
          path: 'bigLineRoundButton',
          name: 'bigLineRoundButton',
          component:resolve => require(['@/components/lineButton/bigLineRoundButton'],resolve)
        },
        {
          path: 'bigLineRoundDisabledButton',
          name: 'bigLineRoundDisabledButton',
          component:resolve => require(['@/components/lineButton/bigLineRoundDisabledButton'],resolve)
        },
        {
          path: 'columnLineButton',
          name: 'columnLineButton',
          component:resolve => require(['@/components/lineButton/columnLineButton'],resolve)
        },
        {
          path: 'columnLineDisabledButton',
          name: 'columnLineDisabledButton',
          component:resolve => require(['@/components/lineButton/columnLineDisabledButton'],resolve)
        },
        {
          path: 'columnLineRoundButton',
          name: 'columnLineRoundButton',
          component:resolve => require(['@/components/lineButton/columnLineRoundButton'],resolve)
        },
        {
          path: 'columnLineRoundDisabledButton',
          name: 'columnLineRoundDisabledButton',
          component:resolve => require(['@/components/lineButton/columnLineRoundDisabledButton'],resolve)
        },
        {
          path: 'mediumLineButton',
          name: 'mediumLineButton',
          component:resolve => require(['@/components/lineButton/mediumLineButton'],resolve)
        },
        {
          path: 'mediumLineDisabledButton',
          name: 'mediumLineDisabledButton',
          component:resolve => require(['@/components/lineButton/mediumLineDisabledButton'],resolve)
        },
        {
          path: 'mediumLineRoundButton',
          name: 'mediumLineRoundButton',
          component:resolve => require(['@/components/lineButton/mediumLineRoundButton'],resolve)
        },
        {
          path: 'mediumLineRoundDisabledButton',
          name: 'mediumLineRoundDisabledButton',
          component:resolve => require(['@/components/lineButton/mediumLineRoundDisabledButton'],resolve)
        },
        {
          path: 'smallLineButton',
          name: 'smallLineButton',
          component:resolve => require(['@/components/lineButton/smallLineButton'],resolve)
        },
        {
          path: 'smallLineDisabledButton',
          name: 'smallLineDisabledButton',
          component:resolve => require(['@/components/lineButton/smallLineDisabledButton'],resolve)
        },
        {
          path: 'smallLineRoundButton',
          name: 'smallLineRoundButton',
          component:resolve => require(['@/components/lineButton/smallLineRoundButton'],resolve)
        },
        {
          path: 'smallLineRoundDisabledButton',
          name: 'smallLineRoundDisabledButton',
          component:resolve => require(['@/components/lineButton/smallLineRoundDisabledButton'],resolve)
        },
      ],
    },
  ]
})