每日学习计划(Vue)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/40b5fa402fed8aac4c6be089a22c8764.png)
1、nextTick是什么?
用于下次DOM更新循环结束之后执行延迟回调。
原理:nextTick会根据执行环境分别尝试采用:
- Promise.then
- MutationObserver
- setImmediate
- 如果执行环境都不支持以上API,则采用setTimeout (fn, 0) 代替。
2、如何在created中操作DOM?
由于created执行时,DOM元素还未生成,如果在此时操作DOM会出现错 误,可以在mounted生命周期或使用nextTick操作DOM。
- mounted中DOM元素已经生成,所以此时可以对DOM进行操作
- 使用Vue.nextTick,通过nextTick,回调函数将在DOM更新完成后被调用。
<div id="app">{
{ message }}</div>
var vm = new Vue({
el: '#app',
data: {
message