我有一份申请书
import Vue from 'vue';
import VueRouter from 'vue-router';
import router from './routes.es6';
Vue.use(VueRouter);
new Vue({
router,
}).$mount('#app');routes.es6包含我的路由器模块:
import VueRouter from 'vue-router';
import Index from './pages/index.vue';
const routes = [
{
path: '/',
name: 'index',
component: Index,
},
...
];
export default new VueRouter({
routes,
});这是可行的,但有一个主要的缺点。让我们假设我的索引组件定义如下
<template>
...
</template>
<script>
require(...)
export default {
...
};
</script>现在,一旦组件导入到require文件中,并将它们注入主应用程序中,所有的import和routes.es6语句都会被评估,即使它们的作用域应该是特定的路由。
如何克服这一问题?
发布于 2016-12-09 10:47:45
它被称为-惰性加载
这在Vue-路由器文档中有很好的解释。https://router.vuejs.org/en/advanced/lazy-loading.html
https://stackoverflow.com/questions/41058004
复制相似问题