文档资料:
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")); // 这就是异步加载的方式
}