路由学习(3):组件的异步加载

文档资料:
https://vuefe.cn/guide/components.html#异步组件

1、前面我们都是这样引入组件的

import userlogin from "./../components/user-login.vue";

现在我们改为这样:

//import userlogin from "./../components/user-login.vue";
const userlogin = resolve => {
    // 成功之后的回调
    resolve(require("./../components/user-login.vue")); // 这就是异步加载的方式
}

注释掉之前的方式,采用下面新的方式。

新闻列表组件news-list.vue,我们也采用同样的方式:

//import newslist from "./../components/news-list.vue";
const newslist = resolve => {
    // 成功之后的回调
    resolve(require("./../components/news-list.vue")); // 这就是异步加载的方式
}

没有更多推荐了,返回首页