Vue-从Vue文件中调用beforeMount方法

Question

我正在尝试从“ A”文件调用beforemount()方法，此文件被导入到另一个在主页上称为“ B”的文件中。

I am not sure what i am missing here.

问题是“ A”文件中的beforemount()方法未调用，而是文件“ B”具有与调用前端相同的方法 这是我在两个文件中添加的潜在代码，请看一看，让我知道

 File B

    <script>

    import A from 'one/components/theme/A.vue'

    export default {
      data () {
        return {
          A
        }
      }

    </script>


    FILE A

    <template>
      <div class="A"/>
    </template>

    <script>

    export default {
      name: 'A',
      beforeMount () {
        console.log('segment beforeMount')

      },
    }

Answer 1

您必须在B的compoennts范围内声明导入的组件A，然后在B的模板中实际使用该组件A。

文件B

<template>
  <div>
    <A />
  </div>
</template>
<script>
import A from 'one/components/theme/A.vue';
export default {
  components: { A }
}
</script>

文件A保持不变