You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
630 B
36 lines
630 B
2 years ago
|
<template>
|
||
|
|
<div class="school">
|
||
|
|
<h2>学校名称：{{ name }}</h2>
|
||
|
|
<h2>学校地址：{{ address }}</h2>
|
||
|
|
<!-- 通过父组件给子组件传递函数，间接获取子组件数据 -->
|
||
|
|
<button @click="sendSchoolName">把学校名称传给App</button>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: "School",
|
||
|
|
props: ["getSchoolName"],
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
name: "修仙学院",
|
||
|
|
address: "长白山",
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
sendSchoolName() {
|
||
|
|
this.getSchoolName(this.name)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
.school {
|
||
|
|
background-color: skyblue;
|
||
|
|
padding: 15px
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|