【问题标题】:vuejs child component lifecycle diffrence root component?vuejs子组件生命周期差异根组件?
【发布时间】:2017-10-11 08:26:26
【问题描述】:

这是我的模板

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

这是子组件脚本

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

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

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

我测试 vuejs 组件生命周期。

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

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

正常不正常??

谢谢

【问题讨论】:

    标签: vue.js


    【解决方案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>
    

    【讨论】:

    猜你喜欢
    • 2018-09-30
    • 2019-02-25
    • 2019-01-18
    • 2017-09-29
    • 1970-01-01
    • 2018-01-07
    • 2020-05-10
    • 1970-01-01
    相关资源
    最近更新 更多