PeterChu

component 组件创建方式

1. component 组件创建方式一

const Foo = { template: '<div>foo</div>' }
const Bar = { template: '<div>bar</div>' }
引用：
const routes = [
  { path: '/foo', component: Foo },
  { path: '/bar', component: Bar }
]

2. component 组件创建方式二

创建 .vue 文件，
在 router/index.js 中 import Demo from '../components/Demo.vue'

然后在 routes 的数组对象中直接使用， eg：

{
  path: '/demo-vue',
  name: 'DemoVue',
  component: DemoVue
},

3. component 组件创建方式三

创建 .vue 文件，
然后直接在 routes 的数组对象中直接使用， eg：

{
  path: '/demo-vue',
  name: 'DemoVue',
  component: () => import('../views/demo-vue.vue')
},

第三种方式是与第二种方式同质。