2回答

ustbhuangyi

2019-09-16

已采纳

贴一下你的代码？

0

1

慕娘6538821

非常感谢！

2019-09-16

共1条回复

慕娘6538821

提问者

2019-09-16

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')

0

1

ustbhuangyi

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

2019-09-16

共1条回复