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);
	}
}