在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>