写出vue查看按钮带学号参数跳转子页面，并且子页面接收学号参数的代码

首先，需要在父页面中定义一个按钮，并且绑定一个点击事件，代码如下：

<template>
  <div>
    <button @click="handleClick">查看</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      const studentId = '123456' // 假设学号为123456
      this.$router.push({ name: 'detail', params: { studentId } })
    }
  }
}
</script>

其中，`this.$router.push` 是 Vue Router 提供的 API，用于跳转到指定的路由，`name: 'detail'` 表示跳转到名为 `detail` 的路由页面，`params: { studentId }` 表示把学号参数传递给子页面。

接下来，在子页面中需要接收学号参数，代码如下：

<template>
  <div>
    学号为：{{ studentId }}
  </div>
</template>

<script>
export default {
  props: ['studentId']
}
</script>

其中，`props` 是 Vue 中用于组件通信的属性，父组件可以通过 `props` 把数据传递给子组件，子组件通过定义 `props` 来接收数据。在这个例子中，子组件定义了一个 `props` 叫做 `studentId`，用于接收父组件传递过来的学号参数。在模板中使用 `{{ studentId }}` 来显示学号。