参考视频例子为什么打印两次parents created

Question

如题

Answer 1

ustbhuangyi 2019-09-16 09:58:12

贴一下你的代码？

• 提问者 慕娘6538821 #1

  非常感谢！

Answer 2

提问者 慕娘6538821 2019-09-16 12:04:08

let childComp = {
  template: '<div>{{msg}}</div>', // 子组件
  created() {
    console.log('child created')
  },
  mounted() {
    console.log('child mounted')
  },
  data() {
    return {
      msg: 'Hello Child'
    }
  },
}

Vue.mixin({
  created() {
    console.log('parents  created');
  } 
})
new Vue({
  render: h => h(childComp),
}).$mount('#app')

• ustbhuangyi #1

  因为是全局混入了 created 钩子函数，也就是每个组件实例（包括根实例）都会拥有这个 created 钩子函数，示例中根实例初始化的时候会执行一次，ChildComp 初始化的时候会执行一次，所以会输出 2 次。