Vue是一種流行的MVVM前端框架，可幫助您輕松地管理和監控您的前端應用程序。在Vue中獲取值（val）是一項基本操作，本文將向您展示如何使用Vue獲取值。

要使用Vue獲取val，您需要使用v-model指令。這個指令可以將表單輸入綁定到Vue的數據模型中，這樣您就可以輕松地獲取輸入值。

<template>
<div>
<input v-model="inputVal" />
<button v-on:click="getVal">Get Val</button>
</div>
</template>
<script>
export default {
data() {
return {
inputVal: '',
};
},
methods: {
getVal() {
console.log(this.inputVal);
},
},
};
</script>

上面的代碼段中包含了html模板和Vue組件實例。input元素綁定到data中的inputVal屬性，在點擊按鈕時調用getVal方法來打印輸入值。

需要注意的是，v-model指令只能用于表單元素。如果您想要獲取非表單元素的值，如div元素的textContent，您可以使用Vue的ref屬性注冊該元素，并在mounted生命周期鉤子中訪問ref。

<template>
<div ref="myDiv">Hello World!</div>
<button v-on:click="getVal">Get Val</button>
</template>
<script>
export default {
mounted() {
console.log(this.$refs.myDiv.textContent);
},
methods: {
getVal() {
console.log(this.$refs.myDiv.textContent);
},
},
};
</script>

在上面的代碼段中，div元素被注冊為myDiv引用，并在mounted生命周期鉤子和getVal方法中使用this.$refs來訪問其值。

到這里，您已經了解了如何使用Vue獲取val。使用v-model指令和ref屬性可以輕松地訪問輸入元素和非輸入元素的值。