懒加载:又叫延迟加载,首页优化需要用到
路由懒加载的2种方式
第一种:
前面不需要import这个组件
const router=new Router({
routes:[
{
path:'',
name:'lazy',
component:resolve=>(require(["@/components/HelloWorld"],resolve))
}
]
})
第二种:(个人觉得这种方式比较好)
const HelloWorld = ()=>import("@/components/HelloWorld");
const router=new Router({
routes:[
{
path:'',
name:'lazy',
component:HelloWorld
}
]
})
组件懒加载的2种方式:
第一种:(个人觉得这种方式比较好)
const HelloWorld = ()=>import("./HelloWorld");
export default {
components:{
HelloWorld
},
data () {
return {
}
}
}
</script>
第二种:
<script>
export default {
components:{
HelloWorld: function(resolve) {
require(["./HelloWorld.vue"], resolve);
}
},
data () {
return {
}
}
}
</script>