报错 | Property or method “recommends“ is not defined on the instance but referenced during render

这个真奇了怪了，是在封装组件遇到的

这个recommends数组在得到的页面能加载出来，但在在那个页面就是不出来，但是另外一个页面我明明就有它。

解决方式：我重新建立了一个页面，然后代码复制了过去，没有问题，之前建立的页面删除了。

就是recommendView代码相关

 

//这个就是封装的recomendView页面代码，真奇怪，我不懂之前为啥会报错

<template>
  <div class="recommend">
  <!-- <div v-for="(item,index) in recommends" :key="index">
  <img :src="item.image" alt="">
  </div> -->
  <div v-for="(item,index) in recommends" :key="index">
    <a :href="item.link">
    <img :src="item.image" alt="">
    <div>{{item.title}}</div>
    </a>
    </div>
  </div>
</template>

<script>
export default {
  name:"RecommendView",
  props:{
   recommends:{
    type:Array,
      default(){
        return []
      },
  }
  }
  
}
</script>