easycom的作用主要是，在pages.json文件里面配置了easycom，使用组件的时候就不用每次都在页面里面引入一下了。

自定义easycom配置的示例

"easycom": {
  "autoscan": true,
  "custom": {
    "^uni-(.*)": "@/components/uni-$1.vue", // 匹配components目录内的vue文件
    "^vue-file-(.*)": "packageName/path/to/vue-file-$1.vue" // 匹配node_modules内的vue文件
  }
}

我的组件是创建在components/文件夹/组件.vue，所以在我的项目里面的配置方式就是如下：

"easycom": {
	  "autoscan": true,
	  "custom": {
	    "^ui-(.*)": "@/components/ui-$1/ui-$1.vue" // 匹配components目录内的vue文件
	  }
	},

值得注意的是，改变了pages.json的配置方式需要重新运行一下项目才能生效

关于配置node_modules里面的组件我还没有试，等有用到的地方再更新

# 前端
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue