Vue中父组件名称和子组件名称一致，导致死循环

父组件的名称和子组件一致，父调子的方法，会反复调自己，最后出现死循环。

<template>
<div>
   <car-play></car-play>
</div>
</template>
<script>
import CarDisplay from './car-display'

export default {
  name: 'CarDisplay', //父组件名称
  components: {
    CarDisplay  //子组件名称
  }
}
</script>

创建一个和name同名的组件，不用在components里声明，就可直接当递归组件使用。