- 博客(3)
- 收藏
- 关注
原创 Vue父子组件执行的生命周期顺序
1. 加载渲染过程同步引入时生命周期顺序为:父组件的beforeCreate、created、beforeMount–> 所有子组件的beforeCreate、created、beforeMount–> 所有子组件的mounted–> 父组件的mounted总结:父组件先创建,然后子组件创建;子组件先挂载,然后父组件挂载若有孙组件呢?父组件先beforeCreate=> created=> beforeMount, 然后子组件开始beforeCreate=>c
2020-11-05 20:15:35 572
原创 Vue.nextTick()
官方文档Vue.nextTick() 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。获取更新后的DOM言外之意就是什么操作需要用到了更新后的DOM而不能使用之前的DOM或者使用更新前的DOM会出问题,所以就衍生出了这个获取更新后的 DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码,比如Swiper扩展包的var swiper = new Swiper('.swiper-containe
2020-11-05 19:51:53 805
原创 Vue.observable()
官方文档 Vue.observable()vue2.6发布的一个新的api,可以处理简单的跨组件共享数据状态的问题 ,可以说是个精简版的vuex示例// /store/store.jsimport Vue from 'vue'export const store = Vue.observable({ count: 0 })export const mutations = { setCount (count) { store.count = count }}使用<t
2020-11-05 12:02:38 4324
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人