那如果我想在刚刚的空白vue project中新增一个页面,包含个人学号和姓名信息:202012900435魏宇轩,应该怎么写代码呢
时间: 2023-06-17 15:09:09 浏览: 98
java代码-输入学号姓名
首先,在 Vue 项目中新增一个页面,需要在 `src/views` 目录下新建一个 `.vue` 文件,例如 `PersonalInfo.vue`。
然后,在该文件中可以编写如下代码:
```html
<template>
<div>
<h1>个人信息</h1>
<p>学号:202012900435</p>
<p>姓名:魏宇轩</p>
</div>
</template>
```
最后,在 `src/router/index.js` 文件中添加路由,使得该页面可以被访问到。例如,可以在 `routes` 数组中添加如下代码:
```javascript
{
path: '/personal-info',
name: 'PersonalInfo',
component: PersonalInfo
}
```
这样,当访问 `/personal-info` 路径时,就会显示新增的个人信息页面。
阅读全文