Vue.js是一款流行的JavaScript框架，它提供了許多實用的功能，其中之一就是$.data。$.data是Vue.js中一個非常重要的API，它能夠讓我們在實例化Vue.js對象的時候定義一些數據，然后在Vue.js模板中使用這些數據。

new Vue({
data: {
message: 'Hello Vue.js!'
}
})

在上面的代碼中，我們定義了一個Vue.js對象，并且使用$.data指定了一個叫做message的屬性，它的值是'Hello Vue.js!'。這樣一來，在模板中我們就可以使用{{message}}來顯示這個值了。

除了可以在實例化Vue.js對象時定義數據外，我們也可以通過$.data方法來獲取數據。比如：

var app = new Vue({
data: {
message: 'Hello Vue.js!'
}
});
console.log(app.$data.message); // 'Hello Vue.js!'

上面的代碼中，我們實例化了一個Vue.js對象，并且使用$.data方法來獲取了其中定義的數據。注意，$.data返回的是一個JavaScript對象，我們可以像操作JavaScript普通對象一樣來操作它。

此外，我們還可以在Vue.js對象上定義更多的數據。

var app = new Vue({
data: {
message: 'Hello Vue.js!'
}
});
app.$data.newProp = 'New property!';
console.log(app.$data.newProp); // 'New property!'

上面的代碼中，我們在Vue.js對象上定義了一個新的屬性，然后使用$.data方法來獲取它的值。這充分展示了Vue.js的靈活性和可擴展性。

在Vue.js中，$.data是非常重要的一個API，它讓我們能夠輕松地在Vue.js中定義和操作數據。通過上面的介紹，相信大家已經了解了$.data的基本用法了。