组件直接使用

dxiyigii2

easycom组件规范

传统vue组件，需要安装、引用、zc，三个步骤后才能使用组件。easycom将其精简为一步。

只要组件安装在项目的components目录下或uni_modules目录下，并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、zc，直接在页面中使用。

比如uni-rate组件，它导入到uni-app项目后，存放在了目录/components/uni-rate/uni-rate.vue

同时它的组件名称也叫uni-rate，所以这样的组件，不用在script里zc和引用。 如下：

[JavaScript] 纯文本查看 复制代码

<template>
        <view>
            <uni-rate></uni-rate><!-- 这里会显示一个五角星，并且点击后会自动亮星 -->
        </view>
    </template>
<script>
    // 这里不用import引入，也不需要在components内zcuni-list组件。template里就可以直接用
    export default {
        data() {
            return {

            }
        }
    }
</script>