前端 vue 框架注册全局组件

1、场景:

项目中多处用到同一个组件,在每个使用组件处引入会导致重复代码较多,不易维护。可以使用注册全局组件,一处注册,多处使用

2、实现:

        方法一:将所有组件统一注册在 main.js 文件中(组件数量较少时可以使用,如果组件数量较多,会导致 main.js 文件过于庞大)

        ① 注册组件:组件编写好后,在项目入口文件 main.js 中引入组件,注册组件              ② 使用组件

        方法二:避免方法一导致的 main.js 文件过于庞大,将二次封装的组件放到统一的文件中,在 main.js 文件中引入该文件,全局使用即可

        ① 创建 js 文件,引入组件,并做注册处理

        ② 在项目入口文件 main.js 文件中引入文件并且使用

        ③ 页面中直接使用即可

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值