uni-app自定义组件

传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。uni-app的easycom将其精简为一步。
只要组件安装在项目的components目录下或uni_modules目录下，并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册，直接在页面中使用。
例：components目录下有一个组件uni-zujian，目录结构为 目录/components/uni-zujian/uni-zujian.vue可以不用注册直接在template中使用

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

            }
        }
    }
</script>

如果不使用easycom，手动引用和注册vue组件，则需要分3步写如下代码：
1、import导入组件
2、components里注册组件
3、template中使用组件

<template>
        <view>
            <uni-rate text="1"></uni-rate><!-- 3.使用组件 -->
        </view>
    </template>
    <script>
        import uniRate from '@/components/uni-rate/uni-rate.vue';//1.导入组件
        export default {
            components:{uniRate }//2.注册组件
        }
    </script>

那么自定义组件怎么传递参数以及方法呢？可以参考vue父子组件，兄弟组件通信