Question

这是我的模板

<parent>
 <child></child>
</parent>

这是子组件脚本

beforeCreate(){
    console.log('beforeCreate');
}

created(){
    console.log('created');
}

beforeMount(){
    console.log('beforeMount');
}

我测试vuejs组件生命周期。

所以我在子组件中编写所有钩子方法，

但是在child中创建的钩子方法没有被称为

是否正常？

感谢

Answer 1

它应该像其他生命周期方法一样正常工作。我已经重新测试了你的案例（基于vue cli webpack模板）并且它工作正常。您使用的是vue-cli还是自定义捆绑/构建方式？

请参阅下面的示例（我猜您在生命周期方法大括号后会错过逗号）：

<script>
  // PARENT component
  import Child from './components/Child'

  export default {
    name: 'parent',

    components: {
     Child
    }
 }
</script>


<script>
  // CHILD component
  export default {
    name: 'child',

    beforeMount () {
     console.log('before mount')
    },

    created () {
      console.log('created')
    },
    beforeCreate () {
      console.log('before create')
    }
 }
</script>

vuejs子组件生命周期差异根组件？

1 个答案: