在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>



Logo

前往低代码交流专区

更多推荐