前端之家收集整理的这篇文章主要介绍了
vue+webpack实现异步加载三种用法示例详解,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_403_0@1.第一例
<div class="jb51code">
<pre class="brush:js;">
const Home = resolve => {
import("@/components/home/home.vue").then( module => {
resolve(module)
}
}
{
require(['../components/home/home'],resolve) // 省去了在上面去import引入
}
}
]
})
require.ensure([],() => r(require('../components/home/home')),'home');
const router = new Router({
routes: [
{
path: '/home/home',name: 'home',}
]
})
_0@注意:加载异步组件的时候,组件名后边的.vue不要忽略。这个例子应该比较直观了。点击按钮之后改变了变量show的布尔值为真,由于child.vue是异步组件,所以会先ajax