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


基础教程推荐
猜你喜欢
- JavaScript实现轮播图特效 2024-02-08
- 国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程 2023-12-19
- 原生JavaScript实现todolist功能 2024-01-29
- Vue中Element-UI日历无法缩小的问题 2023-10-08
- js代码实现点击按钮出现60秒倒计时 2024-03-09
- 原生ajax调用数据实例讲解 2022-12-18
- Vue中使用Ant框架在form表单中使用输入框或数字输入框且用v-decorator取当前值 2023-10-08
- 实例代码讲解ajax实现的无刷新分页 2022-12-18
- 原生JS获取元素的位置与尺寸实现方法 2024-01-06
- 解析使用useDark(),发现transition 动画失效 2023-07-09