vue中监听窗口的变化

vue中监听窗口大小的变化

 data () {
    return {
      show_menu: document.documentElement.clientWidth < 960 ? true : false,
      clientWidth: document.documentElement.clientWidth
    };
  },
  
mounted () {
    var _this = this;
    _this.clientWidth = document.documentElement.clientWidth
    window.onresize = function () { // 定义窗口大小变更通知事件
      _this.clientWidth = document.documentElement.clientWidth //窗口宽度
    };
  },
  
watch: {
    clientWidth (val) {
      if (val < 960) {
        this.show_menu = true
      } else {
        this.show_menu = false
      }
    }
  }