1、场景:
项目中多处用到同一个组件,在每个使用组件处引入会导致重复代码较多,不易维护。可以使用注册全局组件,一处注册,多处使用
2、实现:
方法一:将所有组件统一注册在 main.js 文件中(组件数量较少时可以使用,如果组件数量较多,会导致 main.js 文件过于庞大)
① 注册组件:组件编写好后,在项目入口文件 main.js 中引入组件,注册组件 ② 使用组件
方法二:避免方法一导致的 main.js 文件过于庞大,将二次封装的组件放到统一的文件中,在 main.js 文件中引入该文件,全局使用即可
① 创建 js 文件,引入组件,并做注册处理
② 在项目入口文件 main.js 文件中引入文件并且使用
③ 页面中直接使用即可