每日学习计划(Vue)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200420221525632.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY0OTkwMg==,size_16,color_FFFFFF,t_70)
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