在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 這樣引入組件的寫法有什么優(yōu)點(diǎn)？

這樣引入組件的寫法有什么優(yōu)點(diǎn)？

export default [
    {
        path: 'richTextEditor',
        name: 'richTextEditor',
        title: '富文本編輯器',
        component: resolve => { require(['../views/devTool/richTextEditorView.vue'], resolve) }
    }
]

看到別人demo里組件引入是這么寫的，這個(gè)resolve寫法跟直接寫組件名有什么區(qū)別嗎？

回答
編輯回答
墻頭草

這是異步組件，在沒有用到這個(gè)組件時(shí)不會(huì)加載它，可以減少數(shù)據(jù)加載量

https://cn.vuejs.org/v2/guide...

2017年6月16日 17:03
編輯回答
祉小皓
component:()=>import('../views/devTool/richTextEditorView.vue')

https://router.vuejs.org/en/a...

你可以在工廠函數(shù)中返回一個(gè) Promise，所以當(dāng)使用 webpack 2 + ES2015 的語法時(shí)可以這樣：

Vue.component(
 'async-webpack-example',
 // 該 `import` 函數(shù)返回一個(gè) `Promise` 對(duì)象。
 () => import('./my-async-component')
)

當(dāng)使用局部注冊(cè)時(shí)，也可以直接提供一個(gè)返回 Promise 的函數(shù)：

new Vue({
 // ...
 components: {
   'my-component': () => import('./my-async-component')
 }
})

https://cn.vuejs.org/v2/guide...

不管是router的文檔還是vue本身的文檔都有詳細(xì)的說明

文檔文檔文檔啊

2018年2月3日 23:44