Vue是一個流行的JavaScript框架，能夠簡化Web開發(fā)并提高開發(fā)效率。 在Vue中，我們經(jīng)常需要從組件中獲取數(shù)據(jù)，可以使用JavaScript代碼來獲取Vue的值。

要獲取Vue的值，我們需要使用Vue實(shí)例上提供的屬性或方法。Vue實(shí)例有一個$data屬性，包含Vue實(shí)例中所有的數(shù)據(jù)。我們可以使用$data來獲取我們想要的值。

// 獲取Vue實(shí)例中的數(shù)據(jù)
var vm = new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
// 獲取message屬性的值
var message = vm.$data.message;
console.log(message); // 輸出：Hello Vue.js!

在上面的示例中，我們首先創(chuàng)建了一個Vue實(shí)例并定義了一個message屬性。然后，我們使用vm.$data.message獲取message的值，并將其賦值給message變量。最后，我們使用console.log打印message的值。

除了$data屬性之外，我們還可以使用Vue實(shí)例的getters或者$watch來獲取Vue的值。

// 使用getter獲取Vue的值
var vm = new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
},
computed: {
reversedMessage: function () {
return this.message.split('').reverse().join('')
}
}
})
// 獲取reversedMessage屬性的值
var reversedMessage = vm.reversedMessage;
console.log(reversedMessage); // 輸出：'!sj.euV olleH'
// 使用$watch獲取Vue的值
var vm = new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
vm.$watch('message', function (newVal, oldVal) {
console.log('新值：' + newVal + ', 舊值：' + oldVal)
})
// 改變message屬性的值
vm.message = 'Hi, Vue.js!'
// 輸出：新值：Hi, Vue.js!, 舊值：Hello Vue.js!

以上是使用JavaScript代碼獲取Vue值的演示，你可以根據(jù)自己的需求選擇適合的方式進(jìn)行使用。