Vue的數據雙向綁定機制大大簡化了前端開發的難度，而數據綁定的核心就是數據源。在Vue中，使用data選項定義數據源。

data: {
message: 'Hello Vue!'
}

上面的例子中，我們定義了一個名為message的數據源，其初始值為'Hello Vue!'。可以在模板中使用插值表達式訪問該數據源，如下：

{{ message }}

很顯然，當數據源發生變化時，模板中的插值表達式也會更新。可以通過方法來修改數據源的值，如下：

methods: {
changeMessage: function () {
this.message = 'Hello World!'
}
}

上面的代碼定義了一個名為changeMessage的方法，當該方法在組件實例中被調用時，它將修改message的值。但需要注意的是，當數據源獲取異步數據時，Vue需要使用Vue.set方法來將新值添加到數據源中。

Vue.set(vm.someObject, 'b', 2)

以上就是Vue數據添加的基本方法，可以在任何Vue組件中使用。這種雙向綁定機制的實現，大大提高了開發效率，減少了代碼的復雜性。