<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul id="div1">
<qinjiang v-for="item in items" v-bind:qin="item"></qinjiang>
</ul>
<script src="js/vue.js"></script>
<script>
Vue.component("qinjiang",{
props:['qin'],
template:'<li>{{qin}}</li>'
});
var div12= new Vue({
el: "#div1",
data:{
items: ["java","linux","前端"]
}
});
</script>
</body>
</html>
效果图