正在显示其他组件的console.log

Question

假设我有一个驻留在components/pages/Home/Home.vue上的Home.vue。

这是导入index.ts：

的内容

<template>
   <div>
       Test
   </div>
</template>
<script lang="ts">
import Home from './index'
export default Home
</script>

这是index.ts的内容：

import { Vue } from 'nuxt-property-decorator'

export default class Home extends Vue {
  mounted (): void {
    console.log("awasddddddd");
  }
}

并且在pages/home/index.vue上，我从组件中导入了Home.vue：

<template>
  <div>
    <HomePage />
  </div>
</template>
<script lang="ts">
import HomePage from '@/components/pages/Home/Home.vue'
import { Component, Vue } from 'nuxt-property-decorator'

@Component({
  components:
  {
    HomePage
  }
})
export default class Home extends Vue {}
</script>

现在我可以成功显示'Test'，但是我似乎无法在已安装的情况下显示console.log，为什么会发生这种情况？

Answer 1

通过在@Component上添加index.ts来解决