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'})

Previous: I would like to ask how to manage the previous static resources.

Next: Implementation of Shopping cart Page Logic with react