當(dāng)我們使用Vue的時候，我們通常需要從一個對象中獲取值。在Vue中，我們可以使用“{{}}”進行解析，但是當(dāng)我們想要在JavaScript中獲取對象中的值時，我們該怎么做呢？在這篇文章中，我們將探討使用Vue獲取對象值的方法。

首先，我們需要創(chuàng)建一個Vue實例并定義一個data對象：

var app = new Vue({
data: {
myObj: {
name: 'John',
age: 25,
address: {
city: 'New York',
country: 'USA'
}
}
}
});

在上面的代碼中，我們創(chuàng)建了一個Vue實例，并定義了一個名為“myObj”的data對象。這個對象包含了三個屬性：name、age和address。address本身也是一個包含兩個屬性的對象，表示住址的所在城市和國家。

要獲取myObj對象的name屬性的值，我們可以使用以下代碼：

var name = app.$data.myObj.name;
console.log(name);

在上面的代碼中，我們使用app.$data訪問Vue實例中的data對象，然后使用myObj.name獲取對象中的name屬性。

要獲取myObj對象的address屬性中的city屬性的值，我們可以使用以下代碼：

var city = app.$data.myObj.address.city;
console.log(city);

在上面的代碼中，我們使用app.$data訪問Vue實例中的data對象，然后使用myObj.address.city獲取對象中的address屬性中的city屬性。

除了使用app.$data之外，我們還可以使用Vue實例的屬性訪問方法來獲取對象的屬性值。例如，“app.$data.myObj.name”可以替換為“app.myObj.name”：

var name = app.myObj.name;
console.log(name);

在上面的代碼中，我們直接使用app.myObj.name獲取myObj對象的name屬性的值。

總之，在Vue中獲取對象的屬性值非常簡單。您可以使用“app.$data”或“app”訪問Vue實例中的data對象，然后使用屬性名直接訪問對象中的屬性。