vue创建监听事件和销毁监听事件-获取可视区域的高度

// created（创建后） 是 vue 生命周期函数 created() { // 开启监听 // 不起作用的时候在后面加 true 即可 window.addEventListener("resize", this.visibleAreaHeights, true); bus.$on("busMethod", (data) => { this.getTreeData(data); }); }, // destroyed（销毁后）是 vue 生命周期函数 destroyed() { // 离开页面需要销毁监听，且需在 destroyed 里面销毁， // 否则监听会一直存在，因为是单页面应用，页面并未关闭。 // 在销毁时一定要加上 true，否则销毁不起作用。 window.removeEventListener("resize", this.setHeadPosition, true); // 销毁事件总线 bus.$off("busMethod"); }, methods: { visibleAreaHeights() { console.log(window.innerHeight); } } 

addEventListener 的相关资料

DOM 事件对象