在Vue中，我們經常需要獲取DOM元素中的href，從而獲取到鏈接地址進行一些操作。獲取href一般通過DOM操作，這個過程比較簡單，但也需要注意一些細節。

//vue實例中獲取href
mounted() {
const href = this.$refs.myLink.getAttribute('href')
console.log(href)
}

首先，我們需要先在DOM元素中添加一個ref屬性，來獲取該DOM元素的引用。在mounted生命周期中，使用getAttribute方法獲取href屬性值。

如果我們需要在Vue組件中獲取href，則需要需要使用this.$refs來獲取DOM元素。

獲取到href之后，我們可以進行一些操作，如在新窗口打開鏈接、修改鏈接等等。

//使用window.open在新窗口中打開鏈接
mounted() {
const href = this.$refs.myLink.getAttribute('href')
window.open(href)
}

當然，在一些情況下，我們需要動態修改href屬性值。Vue提供了響應式的數據綁定機制，通過更新數據，我們可以動態修改DOM元素的href屬性。下面，我們來看一個例子。

在上面的例子中，我們通過將href屬性綁定到link數據上，在數據更新時，DOM元素的href屬性值也會相應地變化。在點擊按鈕時，我們觸發changeLink方法，將link數據更新為https://www.google.com，從而動態修改了鏈接地址。這是Vue非常強大的數據綁定能力，使開發變得更加靈活和簡單。

總之，在Vue中獲取href需要注意添加ref屬性來獲取DOM元素引用，在獲取到href后可以進行一些操作，如打開新窗口等等。如果需要動態修改href屬性，可以利用Vue的響應式數據綁定機制來實現。