实际使用可能是通过动态请求异步组件的 JS 地址,这个为什么体现不出来

来源:3-12 异步组件(Promise)

慕娘6538821

2019-09-16


main.js  这样写

    <button @click="show = true">Load Tooltip</button>

    <div v-if="show">

      <MyAsyncComponent />

    </div>

     data(){

    return {

show: false    }

    }

  components: {

    HelloWorld,

    NavigationLink,

    MyAsyncComponent:()=>import('./components/my-async-component')

  },


写回答

2回答

慕娘6538821

提问者

2019-09-16

打了新chunk,但是在show设置为true的时候,没有体现加载js

0
2
_小_七_
这个在渲染的过程中就已经触发加载条件了,而不是点击才触发。
2020-06-22
共2条回复

ustbhuangyi

2019-09-16

这个应该是可以的吧,webpack 会把 my-async-component 打包到一个新的 chunk 中。

0
0

Vue.js 源码深入解析 深入理解Vue实现原理

全方位讲解 Vue.js 源码,进阶高级工程师

4984 学习 · 1037 问题

查看课程