<template>
  <!--  组件的模板标签  -->
  <div>
    <h2>学生名称：{{ name }}</h2>
    <h2>学生年龄：{{ age }}</h2>
  </div>
</template>

<!--  组件的交互标签  -->
<script>
  export default {
    name: 'Student',
    data() {
      return {
        name: '小强',
        age: '18'
      }
    },
  }

// const school = Vue.extend({
//   data() {
//     return {
//       schoolName: '尚硅谷',
//       address: '北京'
//     }
//   },
//   methods: {
//     showName(){
//       alert(this.schoolName)
//     }
//   }
// })
// 默认暴露
// export default school
</script>
