Vue 2.0中的attr屬性用于綁定HTML元素的屬性值。在Vue中，attr屬性的使用將HTML元素的屬性值綁定到指定的Vue實例的數據屬性上。

使用attr屬性可以將HTML元素的特定屬性值與Vue實例數據屬性進行綁定。例如，我們可以將HTML元素的class值與Vue實例的類屬性綁定在一起，以便動態更改樣式。在Vue 2.0中，attr屬性被引入了一個新的語法糖，可以更快速地進行數據屬性的綁定。

<div :class="{'active': isActive}"></div>

在上面的代碼示例中，我們使用Vue的語法糖attr屬性來綁定div元素的class屬性，其中active的值來自于isActive的數據屬性。如果Vue實例的isActive屬性值為true，則div元素的class值將為"active"。

如果我們需要更改元素的屬性值，可以通過Vue實例的數據屬性進行修改。Vue的雙向綁定機制確保屬性值的修改將被實時同步到HTML元素中。

<div :style="{color: fontColor}"></div>

在上面的代碼示例中，我們使用Vue的attr屬性來更改div元素的style屬性的值。style屬性的值由Vue實例的fontColor屬性控制。如果我們想更改div元素的字體顏色，只需要更改Vue實例的fontColor屬性，HTML元素的屬性值將在頁面中同步更新。

如果我們需要綁定多個屬性，也可以使用Vue的語法糖attr屬性。我們只需要在HTML元素的屬性中使用多個:號即可實現屬性綁定。

<div :class="{'active': isActive}" :style="{color: fontColor}"></div>

在上面的代碼示例中，我們使用了多個Vue的語法糖attr屬性來綁定div元素的class和style屬性。其中active的值來自于isActive的數據屬性。style屬性的值由Vue實例的fontColor屬性控制。我們只需要更改isActive和fontColor屬性的值，HTML元素的屬性值就會在頁面中同步更新。

總之，Vue的attr屬性為我們提供了一個便捷的方式來實現HTML元素屬性值與Vue實例數據屬性的綁定。通過這種方式，我們可以輕松地實現頁面的動態更新和交互。在Vue 2.0中，attr屬性的語法糖更進一步簡化了代碼的編寫。