获取window对象是Vue开发中经常会遇到的问题。在某些情况下，需要获取到window对象上的一些属性或方法。在Vue中，获取window对象有两种常用的方式，分别是通过this.$root或者通过window属性。

首先看一下通过this.$root获取window对象的方法。通过this.$root可以获取到Vue根实例，因为在Vue中，所有的组件都会挂载到Vue根实例上。所以，可以通过this.$root获取到window对象。具体实现如下：

mounted() {
console.log(this.$root); // Vue根实例
console.log(this.$root.$el.parentElement); //console.log(this.$root.$el.parentElement === window.document.body); // true
}

通过this.$root可以获取到Vue根实例，并通过$el属性获取到根实例对应的DOM元素，最后通过parentElement属性获取到window.document.body。因为window.document.body其实就是

标签，所以通过判断它和parentElement是否相等，来验证是否获取到了window对象。

另一种获取window对象的方法是通过window属性。window对象在浏览器中是全局对象，它包含了浏览器窗口的一些属性和方法。在Vue中，可以直接通过window属性来获取window对象。具体实现如下：

mounted() {
console.log(window); // window对象
console.log(window.innerWidth); // 窗口宽度
console.log(window.innerHeight); // 窗口高度
}

通过window属性可以直接获取到window对象，并获取到窗口的宽度和高度。这个方法比通过this.$root获取window对象要直接一些，但是需要注意的是，如果在Vue组件中使用window属性，必须保证在浏览器环境下执行。

总之，获取window对象是Vue开发中经常会用到的技巧，可以通过this.$root或者window属性来获取。通过这个技巧能够扩展Vue的能力，在某些情况下非常有用。