Vue全局组件注册

Vue全局注册爬坑之路

最近编写项目中,会应用到很多基础组件,起初采用了局部注册进行使用,但局部注册对于开发人员并不友好,每个阶段都要经历import文件导入,component文件注册两个阶段,开发效率不高,于是采用了全局注册方式,引用基础组件,但全局组件会在初次渲染的时候一次性导入,造成系统比较卡顿。于是,想到Vue的另一种思维,按需引入,懒加载模式,或许会解决这一问题。

代码示例如下
export default (Vue) => {
  Vue.component("component",() => import("组件路径"))
}

通过以上代码进行按需进入,于是把所有的组件采取这种模式,进行注册,开发过程中只能用用全局注册组件比较爽,一直使用一直爽啊。在项目结尾项目测试的时候,一种自带过度效果的组件显示出现了,完美的展示了dom的渲染过程,在用户体验上很不友好,于是进行优化,详细了解了懒加载与全局注册的原理和使用场景,根据项目结构与组件使用情况还是采取了全局注册方式,去掉了懒加载模式,Vue页面的渲染方式完美展示。
以上的方式在开发过程中,开发效率还是不够高,特地了解了全局注册的原理,Vue官方文档提供了更加全面的方式,前端自动化组件注册,看了介绍与使用后,更加提升了开发人员的用户体验,import引入都可以直接省略了,美滋滋,但是对组件的命名规范更加严格,以后项目有合适的机会在进行应用。

以上仅做项目开发总结,不喜勿喷,谢谢!
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值