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

Question

这是我的模板

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

这是子组件脚本

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

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

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

我测试 vuejs 组件生命周期。

所以我把所有的钩子方法都写在子组件中，

但是在子进程中创建的钩子方法没有被调用

正常不正常？？

谢谢

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>