Vue指令综合练习
通过一个简单学生信息录入系统练习部分vue指令。实现网页页面如下:
一、Html+vue部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>学生信息录入系统</title>
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<div id="app">
<!--Part 1-->
<fieldset>
<legend>学生信息录入系统</legend>
<div>
<span>姓名:</span>
<input type="text" placeholder="请输入姓名" v-model="newStudent.name">
</div>
<div>