脚本宝典收集整理的这篇文章主要介绍了vue.js 异步组件,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
使用时才装入需要的组件,可以有效的提高首次装入页面的速度。比如在路由切换时
Vue.js允许将组件定义为一个工厂函数,动态地解析组件的定义。工厂函数接收一个resolve回调,成功获取组件定义时调用。也可以调用reject(reason)指示失败。
假设我们有两个组件Home、About。Home组件和首页同步加载,而About组件则按需加载。案例的代码有首页index.html,组件代码about.js构成。
首先是about.js代码:
Vue.component('about', {
template: '<div>About page</div>'
});
接下来是index.html代码: