vue 页面及内部子组件加载结束以后触发

前言：在页面调用好的时候总是遇到需要页面渲染结束以后才调用的需求，今天总结一下

大纲

1.vue
2.jquery
3.js

1.vue中存在mounted和$nextTick

vue中的mounted和$nextTick个人理解只是当前组件渲染结束以后执行，所以不符合

2.jquery中的ready

jquery中ready可以实现页面DOM全渲染以后触发

$(document).ready(()={
	……执行代码
})

$(()=>{
	……执行代码
})

3.js

window.onload = function(){
	……执行代码
}

<script>
    // 页面加载完毕执行
    window.addEventListener('load', function () {
 
    })
    
    // 只需要加载成功元素就执行
    window.addEventListener('DOMContentLoaded', function () {
 
    })
    
    // 只要窗口大小发生像素变化就触发
    window.addEventListener('resize', function () {
	    // 当前窗口宽度
	    console.log(window.innerWidth);
    })
</script>