在Web开发中，我们通常需要从用户那里获取一些信息。其中最常见的方法是通过表单的input元素。在Vue中，我们可以很容易地获取用户输入的值。接下来将详细介绍如何获取页面中的input元素。

首先，让我们来看一下基本的input元素：

<input type="text" v-model="message"> 

在这个例子中，我们使用了Vue的v-model指令将input元素绑定到Vue实例的message属性上。当用户在input框中输入文本时，该值将自动更新实例的message属性。因此，我们可以通过在Vue实例中引用message属性来获取用户输入的值。

另外一个常见的用例是多选框：

<input type="checkbox" id="checkbox" v-model="checked">
<label for="checkbox">Check me</label> 

在这个例子中，我们通过v-model将复选框绑定到Vue实例的checked属性上。当用户勾选或取消勾选复选框时，checked属性的值将自动更新。

对于单选框，我们可以使用以下代码：

<input type="radio" id="radio1" value="1" v-model="picked">
<label for="radio1">Option 1</label>

<input type="radio" id="radio2" value="2" v-model="picked">
<label for="radio2">Option 2</label> 

在这个例子中，我们使用了v-model指令将单选框绑定到Vue实例的picked属性上。value属性指定了选项值。当用户选择其中一个选项时，picked属性的值将自动更新以反映所选选项的值。

除了上述基本用例之外，我们还可以使用Vue的v-bind指令和v-on指令来实现更高级的功能。例如，我们可以通过v-bind指令绑定input框的placeholder属性，从而实现更强的可定制化功能。以下是一个简单的例子：

<input type="text" v-bind:placeholder="placeholder" v-model="message">

<button v-on:click="updatePlaceholder">Update placeholder</button> 

在这个例子中，我们使用了v-bind指令将input框的placeholder属性绑定到Vue实例的placeholder属性上。当用户更新input框的值时，Vue实例中的message属性也将随之更新。另外，我们还使用了v-on指令实现了一个按钮，该按钮调用了Vue实例的updatePlaceholder方法，以更新input框的placeholder属性。

总的来说，Vue提供了很多有用的指令和功能，用于获取页面中的input元素。上述示例只是其中的一些常见用例，您可以根据需要自由发挥。