DDR爱好者之家 Design By 杰米
什么是组件:
组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展。
下面一段简单的代码给大家介绍Vue加载组件的几种方式,具体代码如下所示:
//正常加载 import index from '../pages/index.vue' import view from '../pages/view.vue' //懒加载 const index = resolve => require(['../pages/index.vue'], resolve) const view = resolve => require(['../pages/view.vue'], resolve) //懒加载 - 按组 const index = r => require.ensure([], () => r(require('../pages/index.vue')), 'group-index') const view = r => require.ensure([], () => r(require('../pages/view.vue')), 'group-view') // 懒加载 - 按组 import,基于ES6 import的特性 const index = () => import('../pages/index.vue') const view = () => import('../pages/view.vue')
补充:Vue动态加载组件的四种方式
动态加载组件的四种方式:
1、使用import导入组件,可以获取到组件
var name = 'system'; var myComponent =() => import('../components/' + name + '.vue'); var route={ name:name, component:myComponent }
2、使用import导入组件,直接将组件赋值给componet
var name = 'system'; var route={ name:name, component :() => import('../components/' + name + '.vue'); }
3、使用require 导入组件,可以获取到组件
var name = 'system'; var myComponent = resolve => require.ensure([], () => resolve(require('../components/' + name + '.vue'))); var route={ name:name, component:myComponent }
4、使用require 导入组件,直接将组件赋值给componet
var name = 'system'; var route={ name:name, component(resolve) { require(['../components/' + name + '.vue'], resolve) } }
总结
以上所述是小编给大家介绍的Vue加载组件、动态加载组件的几种方式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
更新日志
2024年04月24日
2024年04月24日
- 伦永亮.2006-伦流转2CD【正东】【WAV+CUE】
- 物华弥新山水人物镜厉害吗 山水人物镜培养建议分享
- 物华弥新战国铜餐具厉害吗 战国铜餐具培养建议分享
- 物华弥新七盘舞砖厉害吗 七盘舞砖培养建议分享
- UCGG-9538MAURIZIOPOLLINI-CHOPIN24ETUDESSACD
- 雨果唱片-《中国管弦乐及小品系列-红旗颂》(APE+CUE)
- 绝唱48首连续热唱48NonStopGreatestOldiesVol4[wav]
- 重温经典!iOS模拟器已可运行多款《宝可梦》游戏
- 堪比现实!《赛博朋克2077》新路径追踪MOD发布
- 你滴盔甲真好看!???孙艺洲COS吕布造型公布
- 潘盈.1998-倾心辑【华声】【WAV+CUE】
- 杜德伟.1995-天真(国)【滚石】【WAV+CUE】
- 群星.1997-宝丽金88极品音色系列·合唱碟王1+2【宝丽金】【WAV+CUE】
- 徐佳莹《徐佳莹歌曲合集》[FLAC/分轨][1014MB]
- 汪峰《生无所求》[Flac分轨][787M]