vue向子组件传递参数的两种方式
在github上下载了一个vue简单的入门项目,看到了不同以往的向子组件传递参数的方式,特此记录前提: 向子组件传递简单的参数fatherComponent为home第一种常规方式:export default {name: 'home',data() {return{
·
在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>
更多推荐
已为社区贡献7条内容
所有评论(0)