在vue中如何确定dom渲染完毕（vue 组件渲染完成事件）

文章主要观点

路由匹配到根路径，并加载TabsView组件到App.vue中指定的router-view中，我们来看下TabsView组件。

Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。

在替换 items 数组时，Vue.js 如果碰到一个有 _uid： 88f869d 的新对象，它就会知道可以直接复用有同样 _uid 的已有实例。在使用全新数据重新渲染大型 v-repeat 列表时，合理使用 track-by 能极大地提升性能。

Vue实例完整的生命周期包括：创建、初始化、编译模板、挂在DOM、渲染更新、卸载等过程。beforeCreate( 创建前 )。

设定完摄像机动画和对象动画后，右击vue上面工具栏最右边的渲染按钮，先进行渲染设置，开始不用太高级别，否则速度极慢。先选普通的视图级别，左键击渲染按钮开始渲染。没问题后再选suprior级别正式渲染。

它更准确的名字可能是 createNodeDescription，因为它所包含的信息会告诉 Vue 页面上需要渲染什么样的节点，包括及其子节点的描述信息。我们把这样的节点描述为 “虚拟节点 (virtual node)”，也常简写它为 “VNode”。

目前，最常用的级数是完全等待整个页面加载完毕才执行DOM操作。这种技术只需利用window对象的load事件来绑定一个函数，页面加载完毕即可触发。

ie有个特有的doScroll方法，当页面DOM未加载完成时，调用doScroll方法时，就会报错，反过来，只要一直间隔调用doScroll直到不报错，那就表示页面DOM加载完毕了。

以浏览器装载文档为例，在页面加载完毕后，浏览器会通过 Javascript 为 DOM 元素添加事件。在常规的 Javascript 代码中，通常使用 window.onload 方法，而在 Jquery 中，使用的是$(document).ready() 方法。

意思不同 ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）。onload，指示页面包含图片等文件在内的所有元素都加载完成。

判断网页是否加载完成，用javascript啊，怎么用java。用jquery也行，$(document).ready(function(){你的代码})；上面这段就是网页dom节点加载完毕，你可以将“你的代码”替换成ajax，调用java后台方法。

在Jquery里面，我们可以看到两种写法：$(function(){})和$(document).ready(function(){})这两个方法的效果都是一样的，都是在dom文档树加载完之后执行一个函数（注意，这里面的文档树加载完不代表全部文件加载完）。

1、vue通过调用函数知道页面最后渲染完成的时间。

2、第一个handler：其值是一个回调函数。即监听到变化时应该执行的函数。第二个是deep：其值是true或false；确认是否深入监听。（一般监听时是不能监听到对象属性值的变化的，数组的值变化可以听到。

3、在页面加载一个数据列表完成之后，页面自动滚动定位到中间某个列表元素，需要在列表数据渲染完成，计算列表高度，再控制定位到指定行。

4、一开始找到的解决方法是使用Vue.set(exampleitems， indexOfItem， newValue)或是exampleitems.splice(indexOfItem， 1， newValue)这样虽然可以被vue监听到，但是这个newValue是数组中的对象而不是对象的属性。

5、官方推荐我们在使用v-for时，给对应的元素或组件添加上一个：key属性。这个其实和Vue的虚拟DOM的Diff算法有关系。

在angular渲染完dom以后执行js代码的方法是使用init方法完成dom初始化，同时控制器中写入需要执行的js代码即可。

pcntl_fork或者swoole_process实现多进程并发。按照每个网页抓取耗时500ms，开200个进程，可以实现每秒400个页面的抓取。

让页面加载完执行js有2种方法，js放在文档代码的下方和把语句代码放在window.onload方法里面。

1、数据更新时调用，发生在虚拟 DOM 打补丁之前。

2、mounted。挂在完成，也就是模板中的HTML渲染到HTML页面中，此时一般可以做一些ajax操作，mounted只会执行一次。beforeUpdate。

3、载入前/后：在beforeMount阶段，vue实例的$el和data都初始化了，但还是挂载之前为虚拟的dom节点，data.message还未替换。在mounted阶段，vue实例挂载完成，data.message成功渲染。

4、挂载完毕，DOM节点被渲染到文档中，DOM操作可以正常进行数据更新时调用，发生在虚拟 DOM 打补丁之前。这里适合在更新之前访问现有的 DOM，比如手动移除已添加的事件监听器。

ref 需要在dom渲染完成后才会有，在使用的时候确保dom已经渲染完成。比如在生命周期 mounted(){} 钩子中调用，或者在 this.$nextTick(()={}) 中调用。

vue给我们提供一个操作dom的属性， ref 。

ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。