本文深入探讨Vue.js中DOM更新机制，解释为什么在created钩子中无法进行DOM操作，并介绍如何利用Vue.nextTick()确保DOM更新后再执行相关操作。同时，文章对比了clientHeight、offsetHeight、scrollHeight等属性在DOM布局中的应用，以及如何在Vue项目中有效使用less预处理器。
1、关于Vue.nextTick()
https://www.jianshu.com/p/a7550c0e164f
case1：Vue中DOM更新是异步的，在进行到created钩子时，DOM还未进行任何渲染，此时无法进行任何dom操作，所以要把dom操作对的js代码放到Vue.$nextTick()的回调函数中。
case2：在数据变化后执行的某个操作，二这个操作需要用到DOM结构。这个操作要放进Vue.nextTick()回调函数中。比如数据更新后，要等待dom更新完毕再执行的操作，要放到nextTick中
2、clientHeight、offsetheight、scollHeight、offsetTop、scrollTop
https://blog.youkuaiyun.com/qq_35430000/article/details/80277587
1、网页的height
document.body.clientHieght 网页可见区域高，就是body部分高度
document.body.scrollHieght 网页可见区域高，和clientHeight竟然是同一个？？
document.body.offsetHieght 是client + 边线高度
2、元素的height
clientHieght ：包括padding但不包括border的高度
offset包括border的高度
3、less使用
https://www.jianshu.com/p/d81496ed0e29
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
