为什么要使用异步组件,下面编程教程网小编给大家简单介绍一下什么是异步,代码介绍!
异步组件代码介绍:
components:{
play:(resolve)=>import("../components/play")
}
components:{
play(resolve) {
require(["../components/play"], resolve)
}
}
为什么要使用异步组件
1.异步组件可以减少打包的结果。会将异步组件分开打包,会采用异步的方式加载组件,可以有效的解决一个组件过大的问题。不使用异步组件,如果组件功能比较多打包出来的结果就会变大。
2.异步组件的核心可以给组件定义变成一个函数,函数里面可以用import语法,实现文件的分割加载,import语法是webpack提供的,采用的就是jsonp。
以上是编程学习网小编为您介绍的“vue为什么要使用异步组件(代码介绍)”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vue为什么要使用异步组件(代码介绍)


猜你喜欢
- 三级下拉菜单的js实现代码 2024-02-21
- 详解CSS中的Box Model盒属性的使用 2023-12-14
- jquery实现滑动楼梯效果 2024-02-21
- vue监听当前页面是否处于操作状态,待机无操作状态返回指定页面 2025-01-13
- jQuery之浮动窗口实现代码(两种方法) 2024-02-06
- 从零开始学习jQuery (七) jQuery动画实现 让页面动起来 2024-02-24
- 用javascript修复浏览器中头痛问题的方法整理篇[译] 2023-12-14
- IE下通过a实现location.href 获取referer的值 2023-12-26
- jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载) 2024-02-25
- Bootstrap标签页(Tab)插件使用方法 2023-11-30