Advertisement

页面中的父子组件其生命周期顺序如何执行？（面试高频 一篇搞懂）

阅读量：

前言

有一篇文章对Vue 2的生命周期进行了全面介绍，并将其完整流程发布了出来。在实际开发场景中，默认情况下页面通常包含父组件与子组件结构。那么，在这个页面环境中，默认情况下父组件与子组件是如何管理自身生命周期的呢？通过实际操作与深入研究发现，在某些文章中的描述存在误导性解释。这些误导性的观点可能导致一大批开发者产生误解。因此我认为通过实际操作与深入研究发现这一知识点的核心逻辑与实现细节~

创建子组件和父组件

这里我就写一个页面，在里面创建子组件和父组件

复制代码 
    let item = Vue.component('item', {
       template: `<div>
           <h1>{{item}}</h1>
           <h2>{{num}}</h2>
       </div>`,
       data() {
       return {
           item: '我是子组件',
           num: 0
       }
       },
     }
复制代码 
    let vm = new Vue({
      el: "#app",
      data: {
      name: 'casey',
      flag: true
      },
    }

全部评论 (0)

还没有任何评论哟~

相关文章推荐