首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在导入时评估Vue路由器组件

在导入时评估Vue路由器组件
EN

Stack Overflow用户
提问于 2016-12-09 10:14:31
回答 1查看 563关注 0票数 0

我有一份申请书

代码语言:javascript
复制
import Vue from 'vue';
import VueRouter from 'vue-router';
import router from './routes.es6';

Vue.use(VueRouter);

new Vue({
  router,
}).$mount('#app');

routes.es6包含我的路由器模块:

代码语言:javascript
复制
import VueRouter from 'vue-router';
import Index from './pages/index.vue';

const routes = [
  {
    path: '/',
    name: 'index',
    component: Index,
  },
  ...
];

export default new VueRouter({
  routes,
});

这是可行的,但有一个主要的缺点。让我们假设我的索引组件定义如下

代码语言:javascript
复制
<template>
    ...
</template>

<script>
  require(...)

  export default {
    ...
  };
</script>

现在,一旦组件导入到require文件中,并将它们注入主应用程序中,所有的importroutes.es6语句都会被评估,即使它们的作用域应该是特定的路由。

如何克服这一问题?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-12-09 10:47:45

它被称为-惰性加载

这在Vue-路由器文档中有很好的解释。https://router.vuejs.org/en/advanced/lazy-loading.html

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41058004

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档