@H_5020@

什么是组件：

@H502_0@组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。

@H_502_0@下面一段简单的代码给大家介绍Vue加载组件的几种方式，具体代码如下所示：

<div class="jb51code">
<pre class="brush:js;">
//正常加载
import index from '../pages/index.vue'
import view from '../pages/view.vue'
//懒加载
const index = resolve => require(['../pages/index.vue'],resolve)
const view = resolve => require(['../pages/view.vue'],resolve)
//懒加载 - 按组
const index = r => require.ensure([],() => r(require('../pages/index.vue')),'group-index')
const view = r => require.ensure([],() => r(require('../pages/view.vue')),'group-view')
// 懒加载 - 按组 import，基于ES6 import的特性
const index = () => import('../pages/index.vue')
const view = () => import('../pages/view.vue')