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

鍍金池/ 問(wèn)答/HTML5  HTML/ vue.js如何使用異步組件。

vue.js如何使用異步組件。

我按照官方示例擼了一下，代碼如下：

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

發(fā)現(xiàn)會(huì)報(bào)出這個(gè)錯(cuò)：

'import' and 'export' may only appear at the top level

是還需要設(shè)置一些其他的東西嗎？望大神指點(diǎn)~~

回答
編輯回答
舊螢火

import不行試試require呢！
我記得在做router配置的時(shí)候，寫過(guò)require
大致是這樣的：

    {
        path: '/',
        meta: {
            title: 'SmkCRM登錄頁(yè)面'
        },
        component: (resolve) => require(['./views/login.vue'], resolve)
    }

不知道是不是你要的！

2018年4月11日 09:10
編輯回答
艷骨

你這么實(shí)現(xiàn)沒(méi)有任何意義，
1、import 導(dǎo)入的包不會(huì)立即執(zhí)行，只有在使用的時(shí)候才會(huì)調(diào)用
2、構(gòu)建程序需要打import引進(jìn)的包，這么寫會(huì)報(bào)錯(cuò)
3、import('./my-async-component')導(dǎo)入的包會(huì)全部裝載到內(nèi)存中，占用過(guò)多內(nèi)存，假設(shè)里面有一些多余的東西。推薦使用import {something} form './my-async-component'

一般會(huì)在大型的應(yīng)用為了節(jié)省空間，或者做首屏優(yōu)化時(shí)才會(huì)使用異步組件，而且官方明確說(shuō)明 Browserify 是無(wú)法使用的，推薦使用webpack

2017年5月28日 17:25
編輯回答
賤人曾
<script>
    const MyAsyncComponent = () => import('./my-async-component')
    export default {
        components: {
            MyAsyncComponent
        }
    }
</script>
2018年7月23日 02:32