components:{
"One-com":One
},
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
}
}
</script>
3、异步方法
<template>
<div class="hello">
<One-com></One-com>
1111
</div>
</template><script>
export default {
components:{
"One-com":resolve=>(['./one'],resolve)
},
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
}
}
</script>
五、总结：
路由和组件的常用两种懒加载方式：
1、vue异步组件实现路由懒加载
component：resolve=>(['需要加载的路由的地址'，resolve])2、es提出的import(推荐使用这种方式)
const HelloWorld = （）=>import('需要加载的模块地址')
总结
以上所述是小编给大家介绍的vue实现路由懒加载及组件懒加载的方式，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
