思维导读图
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/abdcbbfa56c08fc932b4d352967e8fa1.png)
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="js/vue.js"></script>
<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="add">
<ss v-for="e in ell" :tobu="e"></ss>
</div>
</body>
<script type="text/javascript">
Vue.component("ss",{
props:["tobu"],
template:"<p>{{tobu.name}}<p>"
})
new Vue({
el:"#add",
data:{
ell:[
{name:"ssss"},
{name:"ssss"},
{name:"ssss"},
{name:"ssss"},
]
}
})
</script>
</html>
效果
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/31861ce48a59525e4bde175286554774.png)