完整代码
<!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="./js/vue.js"></script>
</head>
<body>
<div id="app"></div>
</body>
</html>
app.vue
<template>
<Student></Student>
</template>
<script>
import Student from './Student.vue'
export default {
name:"App",
components:{
Student
}
}
</script>
student.vue
<template>
<div>
<ul>
<li>姓名：{{name}}</li>
<li>年龄：{{age}}</li>
<li>性别:{{sex}}</li>
</ul>
</div>
</template>
<script>
export default {
name:"Student",
data(){
return{
name:"小王",
age:18,
sex:"男"
}
}
}
</script>
<style scoped>
</style>
main.js
new Vue({
el:"#app",
template:"<App></App>",
components:{
App
}
})
vue.js安装地址https://cn.vuejs.org/v2/guide/installation.html
