Vue3中改变组件的名称

80 阅读1分钟

在vue3中,如果不作声明,组件名称默认使用文件名,那么如何修改组件名呢?需要添加export default模块,修改示例代码如下:

<template>
  <div>
    姓名:{{ name }}<br>
    年龄:{{ age }}<br>
    地址:{{ address }}<br>
  </div>
</template>

<script>
//修改组件名
export default {
  name: "Student",
}
</script>

<script setup>
let name = '小明'
let age = 18
let address = '北京市'
</script>

<style scoped>
div {
  font-size: 20px;
  padding: 30px;
  background-color: rgb(238, 238, 238);
}
</style>