父组件 :
<template>
<div class="demo">
<Header :title="title"></Header>
<list :data=demodata></list>
</div>
</template>
<script>
export default {
props: {
title: {
type: String,
default: "这是默认标题"
}
}
};
</script>
hader子组件:
<template>
<div class="header">
<div class="icon">
返回
</div>
<div class="title">{{title}}</div>
</div>
</template>
<script>
export default {
props: {
title: {
type: String,
default: "这是默认标题"
}
}
};
</script>