Vue中父子组件的挂载顺序(mounted)你知道吗?【Vue面试题】

作者: 我是小野森森分类: 野生技能协会 发布时间: 2020-09-04 09:59:45 浏览:6789 次

Vue中父子组件的挂载顺序(mounted)你知道吗?【Vue面试题】

程风蓝:
vue 父子组件加载顺序 父 beforeCreate 父 created 父 beforeMount 子 beforeCreate 子 created 子 beforeMount 子 mounted 父 mounted 子组件若有 props 的话更新顺序是四步,若无的话两步不触发父亲的钩子。 父 beforeUpdate 子 beforeUpdate 子 updated 父 updated 父组件更新顺序是 父 beforeUpdate 子 deactivated 父 updated 销毁过程是 父 beforeDestroy 子 beforeDestroy 子 destroyed 父 destroyed 百度第一页的

Xiao熊008:
太喜欢哈默哥的这种传输知识的方式了[喜欢][喜欢]

【回复】喜欢就关注哦,一起学习一起飞~
刺客__567:
Vue生命周期方法分类 ① 创建期间的生命周期方法 beforeCreate created beforeMount mounted ② 运行期间的生命周期方法 beforeUpdate updated ③ 销毁期间的生命周期方法 beforeDestroy destroyed ④使用了 keep-alive,被keep-alive包含的组件/路由中, 就会多2个生命周期: ① activated 在组件第一次渲染时会被调用,之后在每次缓存组件被激活时调用 ② deactivated 组件被停用(离开路由)时调用 注意:使用了keep-alive就不会调用beforeDestroy(组件销毁前钩子)和destroyed(组件销毁),因为组件没被销毁,被缓存起来了

伊人杳杳:
这个挂载到底怎么理解呢?挂载完毕是代表页面DOM已经全部加载完毕了吗?

【回复】回复 @伊人杳杳 :嗯嗯,beforeCreate, created, beforeMount, mounted在一个Vue实例生命周期只会执行一次,并且是同步的[呲牙][呲牙]
【回复】挂载的意思是把组件的模板渲染生成的DOM替换掉挂载点div#app那部分的DOM[呲牙][呲牙]
【回复】回复 @哈默聊前端 :怪不得,谢谢老师,又学到了
一颗多愁善感的派大星:
请问一下,子组件挂载完之后就生成真实DOM了嘛?还是要等到父组件挂载完成之后再去生成DOM

外边世界:
我运气太好了,刚刚遇到这个问题,结果你一下把原理都说出来,感谢[热词系列_这次一定]

【回复】哈哈哈,那就别下次一定了~~~~[热词系列_这次一定]
NewNew在哪里:
[思考]老师我现在有一个问题,共享了路由页面是同一个,然后mounted里调了method里的一个方法(post请求),然后页面的数据只会渲染一次,我返回主页在进来的时候请求参数已经变了,他数据还是前面的数据[思考]这会是我这个页面他生命周期没结束吗,所以导致请求只会发起一次数据也就渲染一次

【回复】看下我这个视频~ http://www.bilibili.com/video/BV1oK411N7f6?share_medium=android&share_source=copy_link&bbid=XY38516350871857486719096F15F1E9472FE&ts=1599749400228
BcFunnyGIS:
何为挂载和何为渲染呀?有什么不同呢?

【回复】渲染render会把组件变成组件对应的vnode(virtual node 虚拟节点),挂载是把这个vnode对应的真实DOM替换掉挂载点div#app的那部分DOM
比主播帅一点:
前端小白在线求解 这里的 render为什么直接可以返回div

【回复】回复 @哈默聊前端 :ok 持续关注
【回复】这个是它内部根据你的配置,比如div,会帮你创建div元素
Gody小胖子:
每天过来三联,上瘾了,哪天up猪不更新就完了

【回复】我鸭梨山大[惊喜][惊喜]
某人:
三连求答疑! 用vue在创建这种自定义嵌套组件有没有相关文章? <t-table :data=""> <t-pager :pagesize="20"/> <t-column field="ab" width="50"></t-column> </t-table> t-column,t-pager只提供配置不提供输出

【回复】搜索b站账号web小野森森,看下Vue3.0实现轮播图,或这无限多级菜单的视频~~
Rebecca焦小澄:
老师,请问下为什么是子组件先进行挂载呢,这背后有什么原因呢?

【回复】子组件渲染完,才知道父组件里子组件的部分最后渲染出来的结果嘛~
不做粗狗很多年:
问一下 up,Vue 底层就是用 bus 实现子组件感知父组件被挂载的吗?

知识分享官 编程 JAVASCRIPT 前端 WEB 经验分享 JS VUE WEB前端 知识分享官招募令·第六期

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!