uni-app

页面引入组件：

组件中：<script>
                    export default {
                        props:{
                            item: Object,
                            index: Number
                         }
                    }
            </script>

页面中：<template>
                    <view>

                        <block v-for="(item,index) in bisais" :key="index">
                            <bisai :item="item" :index="index"></bisai>
                        </block>

                    </view>
                </template>

                <script>
                    import bisai from '@/components/bisai/bisai.vue';

                    export default {
                           components:{
                                    bisai,

                           }

                </script>

注意：vue文件名和目录名相同页面中<script></script>中的内容可以不写

关注功能：

组件中：<template>中@click="follow" v-for="!item.isFollow"

              <script>中methods:{

                                        // 关注
                                        follow(){
                                               this.$emit('follow',this.index);
                                               // 通知页面
                                        }

                                }    

 页面中：<template>中@follow="follow"(接收)

                <script>中methods: {
                                       follow(e){
                                                this.list[e].isFollow= true
                                                uni.showToast({
                                                    title:'关注成功'
                                                });
                                                      }
                                                }