Vue+typescript registration component exports a class export default class and vue export a component object {} separately and normally

vue + typescript Export: test1.vue

<script lang="ts">
import { Component, Vue } from "vue-property-decorator"

@Component
export default class Test extends Vue {
}
</script>

vue exports separately: test2.vue

<script>
export default {
  name: "Test",
}
</script>
The results of

and
are not the same when webpack is packaged.

when applying to another page, for example, to get the component name: name,

import Test1 from "./test.vue"
import Test2 from "./test2.vue"
test1.name !== test2.name // true 

Mar.17,2022

@ Component ({name: 'Test'})

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1ea4bb3-47ad3.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1ea4bb3-47ad3.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?