uniAPP的easycom用法

Uniapp的easycom是一个组件自动化注册的机制，通过在组件中定义name属性，可以自动注册为全局组件，无需手动在每个页面或组件中进行注册。以下是使用easycom的步骤：

1. 在项目根目录下的vue.config.js文件中，配置easycom规则：

module.exports = {
  easycom: {
    // 注册的组件存放目录，可以设置多个
    // 这里设置的是/src/components目录
    dirs: ['components'],
    // 需要全局注册的组件文件后缀
    // 这里设置的是自定义组件的后缀为uni.vue
    // uni-ui的组件后缀为ui.vue
    extensions: ['.uni.vue']
  }
}

2. 在组件中定义name属性：

<template>
  <view>
    <text>{{ message }}</text>
  </view>
</template>

<script>
export default {
  name: 'my-component',
  data() {
    return {
      message: 'Hello world!'
    }
  }
}
</script>

3. 在需要使用组件的页面或组件中，直接使用组件名即可：

<template>
  <view>
    <my-component></my-component>
  </view>
</template>

<script>
export default {

}
</script>

以上就是使用easycom的简单步骤，通过easycom可以方便地进行组件的注册和使用，提高开发效率。