自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

张木期的博客

仅仅用来记录学习和技术分享

  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除