![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
??? ?? selfcontrol
这个作者很懒,什么都没留下…
展开
-
Vue.nexttick(callback)方法介绍
官方:在下次 DOM 更新循环结束之后执行延迟回调callback。在修改数据之后立即使用这个方法,获取更新后的 DOM。 解析:因为Vue为了高效渲染,当数据模型data里面由数据更新时,不会立即更新DOM,而是将这次得data更新添加到事件模型内。直到当前得任务执行完毕,才会对这期间得DOM进行统一更新。 如下代码打印出的分别是11111,和 00000。因为虽然this.Msg被赋值为 '22222' ,但是DOM的ref_p节点并没更新。 这个也很好理解,因为你在把msg改为111111时,Vue原创 2022-04-18 18:28:45 · 1031 阅读 · 1 评论 -
vue生命周期中 created和mounted的区别
在进行vue项目时,有时会对一些操作是放在created还是mounted中执行产生疑问,今天稍微给自己总结了一下,当作笔记供后期查询。 最直接了当的就是上图,反映了从beforecreated到mounted四个生命周期对于,是否获取DOM节点、是否可以获取data里的数据、是否能够获取methods方法。 对于某个操作在哪里执行,考虑如下: 如果涉及操作DOM,不论是获取还是修改等等,都需要在mounted中执行。不然会由于无法获取到DOM而产生报错。 如果不涉及DOM操作,可以在created中执行原创 2021-10-20 17:19:28 · 343 阅读 · 0 评论