Vue监听页面缩放

export default {
  data() {
    return {
      screenWidth: "",
      screenHeight: "",
    };
  },
  mounted() {
    this.screenWidth = document.body.clientWidth; //监听页面缩放
    this.screenHeight = document.body.clientHeight;
    window.onresize = () => {
      return (() => {
        this.screenWidth = document.body.clientWidth;
        this.screenHeight = document.body.clientHeight;
      })();
    };
  },
  watch: {
    screenWidth() {
      console.log(this.screenWidth); //浏览器窗口变化时，打印宽度。
    },
  },
};