vue为什么要使用异步组件(代码介绍)

为什么要使用异步组件,下面编程教程网小编给大家简单介绍一下什么是异步,代码介绍!

异步组件代码介绍:

components:{
  play:(resolve)=>import("../components/play")
}
  
components:{
  play(resolve) {
    require(["../components/play"], resolve)
  }
}

为什么要使用异步组件

1.异步组件可以减少打包的结果。会将异步组件分开打包,会采用异步的方式加载组件,可以有效的解决一个组件过大的问题。不使用异步组件,如果组件功能比较多打包出来的结果就会变大。

2.异步组件的核心可以给组件定义变成一个函数,函数里面可以用import语法,实现文件的分割加载,import语法是webpack提供的,采用的就是jsonp。

以上是编程学习网小编为您介绍的“vue为什么要使用异步组件(代码介绍)”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:vue为什么要使用异步组件(代码介绍)

基础教程推荐