如何通过easycom自定义组件在uniapp中实现组件的便捷使用？

本文共计1425个文字，预计阅读时间需要6分钟。

目录：

一、全局注册

二、局部注册

第一类：传统vue规范第二类：通过uni-app的easycom规则第三类：方法

1.通过npm安装

总结：

一、全局注册

uni-app 支持全局组件注册，便于在所有页面中复用组件。

二、局部注册局部注册是指仅在当前组件中注册组件，不适用于全局复用。

第一类：传统vue规范

1.在组件内部使用`components`选项进行注册。

第二类：通过uni-app的easycom规则

1.使用``标签的`is`属性，例如``。

第三类：方法

1.通过npm安装组件后，在`main.js`中全局注册。

总结：

uni-app 支持多种组件注册方式，可根据具体需求选择合适的方法。

目录

• 一、全局注册
• 二、局部注册
• 第一种：传统vue规范
• 第二种：通过uni-app的easycom规则
• 第三种方法：通过npm安装
• 总结

一、全局注册

uni-app 支持配置全局组件，需在 main.js 里进行全局注册，注册后就可在所有页面里使用该组件。

• Vue.component 的第一个参数必须是静态的字符串。
• nvue 页面暂不支持全局组件。