为什么要使用异步组件,下面编程教程网小编给大家简单介绍一下什么是异步,代码介绍!
异步组件代码介绍:
components:{
play:(resolve)=>import("../components/play")
}
components:{
play(resolve) {
require(["../components/play"], resolve)
}
}
为什么要使用异步组件
1.异步组件可以减少打包的结果。会将异步组件分开打包,会采用异步的方式加载组件,可以有效的解决一个组件过大的问题。不使用异步组件,如果组件功能比较多打包出来的结果就会变大。
2.异步组件的核心可以给组件定义变成一个函数,函数里面可以用import语法,实现文件的分割加载,import语法是webpack提供的,采用的就是jsonp。
以上是编程学习网小编为您介绍的“vue为什么要使用异步组件(代码介绍)”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vue为什么要使用异步组件(代码介绍)
基础教程推荐
猜你喜欢
- 使用html5新特性轻松监听任何App自带返回键的示例 2022-09-16
- JavaScript+CSS实现模态框效果 2024-01-22
- CSS实现元素浮动和清除浮动的方法 2024-04-26
- DIV设置float后父容器无法定位高度的问题解决方法 2023-12-21
- el-table 单项type="selection"出现数据错乱解决 2024-12-09
- 原生JS封装vue Tab切换效果 2024-04-08
- 带你领略Object.assign()方法的操作方式 2022-08-30
- 一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能 2024-02-10
- 原生js自定义右键菜单 2024-03-11
- vuejs如何利用watch实现监听 2025-01-18