獲取當前的樣式在前端開發中是一個非常常見的需求，它可以用來實現很多功能，如：判斷元素是否隱藏、鼠標跟隨、hover效果等等。而在vue中，我們同樣可以使用getComputedStyle()方法來獲取當前樣式。

在使用該方法之前，我們需要先獲取到對應的元素，可以使用ref屬性來獲取，例如：

// template
<div ref="myDiv">Hello World!</div>
// js
let myDiv = this.$refs.myDiv;

接著，我們就可以使用getComputedStyle()方法獲取當前樣式了，該方法返回的是一個CSSStyleDeclaration對象，它包含了當前元素的所有樣式屬性及其對應的值。

let style = getComputedStyle(myDiv);
// 獲取某個屬性值
console.log(style.width);
// 獲取所有屬性及其值
console.log(style);

需要注意的是，該方法獲取到的值都是字符串類型，需要進行轉換才能使用，例如：

let width = parseInt(style.width);
let height = parseInt(style.height);
// 或者使用parseFloat()方法
let opacity = parseFloat(style.opacity);

另外，該方法獲取的樣式是當前計算后的樣式，即除非通過JS動態修改元素的樣式，否則將始終返回元素在當前所處文檔狀態下的樣式。

本文介紹了如何使用getComputedStyle()方法獲取Vue中元素的當前樣式，并講解了該方法的注意事項，希望對大家有所幫助。