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 实现子组件感知父组件被挂载的吗?