vue-3 計算屬性

<template>
  <div>   
      學校：<input type="text" placeholder="請輸入學校" v-model="school" /><br />
      班級：<input type="text" placeholder="請輸入班級" v-model="className" /><br />
      姓名：<input type="text" placeholder="請輸入姓名" v-model="name" /><br />
      學生信息：<span>{{studentDetail}}</span>
  </div>
</template>
<script>
export default {
  name: "Address",
  data() {
    return {
      school: "",
      className: "",
      name: ""
    }
  },
  created() {
  },
  //計算屬性
  computed: {

    studentDetail() {
      return this.school+this.className+this.name
    }
  }
}
</script>