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

在Vue.js中，你可以使用`v-text`指令来动态地显示数据，比如姓名、学号和爱好。假设你有一个data对象存储了用户信息，代码可能会像下面这样：

<template>
  <div>
    <h1>{{ user.name }}</h1> <!-- 显示姓名 -->
    <p>Your ID: {{ user.studentId }}</p> <!-- 显示学号 -->
    <p>Hobbies: {{ user.hobbies }}</p> <!-- 显示爱好（如果hobbies是一个数组，则需要遍历显示） -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      user: {
        name: '张三',
        studentId: '1001',
        hobbies: ['阅读', '篮球']
      }
    }
  }
}
</script>

在这个例子中，`{{ }}`是Vue的模板语法，它会将`data`对象中的属性值渲染到对应的HTML元素上。