使用Vue实现一个手机信息查询的页面，实现在input框输入手机品牌信息，就可以实现手机信息的查询功能。

首先需要准备一个可以提供手机信息查询的API接口。这里假设我们已经有了这个接口，并且可以通过GET请求传入手机品牌信息，返回该品牌手机的相关信息。

接下来，我们可以使用Vue.js来实现这个页面。具体实现步骤如下：

1. 创建一个Vue实例

<div id="app">
  <input type="text" v-model="brand" placeholder="请输入手机品牌">
  <button @click="search">查询</button>
  <div v-if="result">
    <p>品牌：{{ result.brand }}</p>
    <p>型号：{{ result.model }}</p>
    <p>价格：{{ result.price }}</p>
  </div>
</div>

<script>
new Vue({
  el: '#app',
  data: {
    brand: '',
    result: null
  },
  methods: {
    search() {
      // 发送GET请求获取手机信息
    }
  }
})
</script>

2. 在Vue实例中定义数据和方法

我们需要定义两个数据，一个用来存储用户输入的手机品牌信息，一个用来存储查询结果。同时，我们需要定义一个方法来发送GET请求获取手机信息：

data: {
  brand: '',
  result: null
},
methods: {
  search() {
    // 发送GET请求获取手机信息
    axios.get('/api/phone', {
      params: {
        brand: this.brand
      }
    })
    .then(response => {
      this.result = response.data
    })
    .catch(error => {
      console.log(error)
    })
  }
}

这里使用了axios库来发送异步请求，并且在请求成功时将结果保存到`result`数据中。

3. 在模板中使用数据和方法

我们在模板中使用`v-model`指令将用户输入的品牌信息绑定到`brand`数据上，用`v-if`指令来判断是否有查询结果，如果有则显示相关信息。同时，我们在查询按钮上使用`@click`指令来绑定查询方法：

<div id="app">
  <input type="text" v-model="brand" placeholder="请输入手机品牌">
  <button @click="search">查询</button>
  <div v-if="result">
    <p>品牌：{{ result.brand }}</p>
    <p>型号：{{ result.model }}</p>
    <p>价格：{{ result.price }}</p>
  </div>
</div>

以上就是使用Vue实现手机信息查询页面的基本步骤。当用户输入品牌信息并点击查询按钮时，页面会发送GET请求获取该品牌手机的相关信息，并将结果显示在页面上。