window.resizeTo vue失效

在Vue.js中，`window.resizeTo()` 方法可能会失效，因为Vue并不是直接操作浏览器窗口大小的DOM API的一部分，而是通过数据绑定和组件响应来进行界面管理的。当你尝试通过 `window.resizeTo(width, height)` 来动态改变窗口大小时，Vue本身并不会追踪这个变化并触发视图更新。

通常，如果你想调整窗口大小并在Vue应用中响应这种变化，你应该避免直接操作原生DOM或浏览器API，而应该通过计算属性、事件监听或者自定义指令等方式，在用户交互或者其他业务逻辑中控制窗口大小的变化，并让Vue去更新对应的UI。

例如，你可以创建一个计算属性，当窗口尺寸改变时自动计算新值：

export default {
  data() {
    return {
      windowWidth: window.innerWidth,
      windowHeight: window.innerHeight,
    };
  },
  computed: {
    resizedWindow() {
      // 如果需要做更复杂的计算，这里可以处理
      return { width: this.windowWidth + 50, height: this.windowHeight * 0.8 };
    }
  },
  watch: {
    '$$window': {
      handler(newWindowSize) {
        this.windowWidth = newWindowSize.width;
        this.windowHeight = newWindowSize.height;
      },
      deep: true,
    },
  },
};

然后在模板上绑定 `resizedWindow` 的值：

<div :style="{ width: resizedWindow.width, height: resizedWindow.height }"></div>