Vue中，我們可以使用指令或者編程的方式來添加屬性。無論是使用哪種方式，我們都需要了解Vue提供的屬性和方法。

首先，我們可以使用指令來添加屬性。Vue提供了多個指令，用來操作頁面屬性。例如，v-bind指令可以將屬性綁定到Vue實例的數據上。在HTML中，我們可以這樣寫：

<div v-bind:class="{'red-text': isRed}"></div>

這個例子中的isRed是一個Vue實例中的data屬性，它的值可以根據需要更改。當isRed的值為true時，這個div的class屬性就會包含“red-text”這個值。

除了v-bind指令，Vue還提供了其他指令，用來操作類、樣式、屬性、事件等等。

其次，我們可以使用編程的方式來添加屬性。在Vue中，可以通過實例的$attrs和$listeners屬性來訪問組件的屬性和事件。例如，可以通過在組件中使用$attrs對象、$listeners對象來動態添加屬性和事件處理程序：

Vue.component('my-component', {
render: function (createElement) {
return createElement(
'button',
{
attrs: {
type: 'submit'
},
on: {
click: this.handleClick
}
},
this.$slots.default
)
},
methods: {
handleClick: function () {
// 處理點擊事件
}
}
})

這個例子中，我們定義了一個名為my-component的組件。這個組件是一個button元素，并且有一個type屬性和一個點擊事件的處理程序。在render函數中，我們使用createElement方法來創建button元素，并使用傳入的參數來動態添加屬性和事件處理程序。

總體來說，在Vue中添加屬性有兩種方式，一種是使用指令，另一種是編程。雖然兩種方式不同，但都可以讓我們輕松地操作頁面屬性，從而使得Vue的使用更加靈活和便捷。