什么是組件:
成都創(chuàng)新互聯(lián)公司是專業(yè)的巴州網(wǎng)站建設(shè)公司,巴州接單;提供做網(wǎng)站、成都網(wǎng)站制作,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行巴州網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!組件是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')