vue向子组件传递参数的两种方式

在github上下载了一个vue简单的入门项目，看到了不同以往的向子组件传递参数的方式，特此记录

前提： 向子组件传递简单的参数fatherComponent为home

第一种常规方式：

<div class="home_container">
        <itemcontainer :fathercomponent="fathercomponent"></itemcontainer>
    </div>
export default {
	name: 'home',
        data() {
                return   {
                     fathercomponent:  'home'     
               }
},
  	components: {
  		itemcontainer
  	},
    created(){
        
    }
}

第二种方式：

<template>
  	<div class="home_container">
        <itemcontainer father-component="home"></itemcontainer>
    </div>
</template>

<script>
import itemcontainer from '../../components/itemcontainer'

export default {
	name: 'home',
  	components: {
  		itemcontainer
  	},
    created(){
        
    }
}
</script>