使用v-text指令在页面显示自己的姓名、学号的代码

在Vue.js中，如果你想要使用`v-text`指令动态地在页面上显示自己的姓名和学号，你可以这样做：

<template>
  <div id="my-component">
    <h1>{{ fullName }}</h1>
    <p>学号：{{ studentID }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      firstName: '张三', // 姓名
      lastName: '李四', // 姓氏
      studentID: '001', // 学号
    };
  },
  computed: {
    fullName() { // 计算属性组合名字
      return `${this.firstName} ${this.lastName}`;
    }
  }
};
</script>

在这个例子中，`v-text`并没有直接使用，因为我们通常使用双大括号`{{}}`语法来绑定数据到HTML元素的内容。`fullName`是一个计算属性，它会基于`firstName`和`lastName`的数据自动更新。

如果你想让用户输入姓名和学号，可以添加表单控件并在相应的事件处理器中更新数据。例如，如果有一个文本输入框：

<input type="text" v-model="firstName">
<input type="text" v-model="studentID">

然后在`methods`里处理提交按钮的点击事件：

methods: {
  submitForm() {
    // 这里可以对输入进行验证并保存到后端
  }
}