<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="vue.js"></script>
</head>
<body>
<div id="app">
{{message}}
<h2>{{school.name}} {{school.moblie}}</h2>
<ul>
<li>
{{campus[0]}}
</li>
<li>
{{campus[1]}}
</li>
</ul>
</div>
<script>
var app = new Vue({
el: "#app",
data: {
message: "你好,ajupyter",
school: {
name: "家里蹲学",
moblie: "666"
},
campus: ["南校区", "八校区",]
}
})
</script>
</body>
</html>