什么是組件:
組件是Vue.js最強大的功能之一。組件可以擴展HTML元素,封裝可重用的代碼。在較高層面上,組件是自定義的元素,Vue.js的編譯器為它添加特殊功能。在有些情況下,組件也可以是原生HTML元素的形式,以is特性擴展。
下面一段簡單的代碼給大家介紹Vue加載組件的幾種方式,具體代碼如下所示:
//正常加載 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')