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>