uni-app easycom 模式 组件 引入

前言 (报错的问题 请往下看)

easycom官网描述
在这里插入图片描述

含义:

原本 vue 引入组件 需要多部操作,全局引入、单文件引入、在文件中注册等等等 非常麻烦。

uni-app 推出了easycom 引入组件模式 只需要在page.json 中配置自动扫描 或 自定义规则导入组件即可下面我会详细说下两种用法。

esaycom 自动导入:

一般在组件目录下(components) 目录下按照他的规则 组件文件夹/组件名称.vue 就可以自动导入了 如下图所示 ↓↓↓ 。
在这里插入图片描述

esaycom 手动编写规则导入:

一般报错的位置都在这里 写了自动以规则但是无法使用 ,找不到组件 ,非常头疼。
下面是一个示例 请看下方图片 ↓↓↓。

这里官网写的示例 让这么引入
在这里插入图片描述
问题 如果我在多加一个文件夹呢? 因为全部的组件都这么放的话,问题会很大。因为组件越来越多,严重影响代码质量,美化等等。

如果把组件的作用不同 单分文件夹的时候 这个 自定义规则应该怎么写呢? 看下图所示↓↓↓↓。
把组件单分到文件夹里面。
在这里插入图片描述
那么这个规则就应该这么写。

在这里插入图片描述

有错误,欢迎指出,如有问题 联系 qq 1019011560 乐意帮你解答。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐