<body>
<div id="detail">
<aa :user-list="rsp"></aa>
</div>
<template id="rsp" >
<div class="point clearfix" v-for="rsp in userlist" >
<div class="hd clearfix">
<div class="hd_left">
<img src="img/pic.jpg" />
<p>{{rsp.NickName}}</p>
<p class="date">时间日期</p>
</div>
<span class="apply">回复</span>
<span class="good"><strong>23</strong><img src="img/dianzan.png"/></span>
</div>
<!--评论content-->
<div class="point_content">
<p class="user_content">测试测试测试 </p>
</div>
</div>
</template>
<script src="js-offline/vue.min.js"></script>
<script type="text/javascript">
var list=
[
{
"Id":100002907,
"NickName":"183****7820",
"Avatar":"
",
"Content":"哈哈哈",
"CreateMonth":"08-10",
"CreateTime":"17:40",
"DiggCount":0,
"IsDigg":0
},
{
"Id":100002906,
"NickName":"路人甲",
"Avatar":"
",
"Content":"测试测试测试",
"CreateMonth":"08-10",
"CreateTime":"17:40",
"DiggCount":0,
"IsDigg":0
}
]
var demo = new Vue({
el: "#detail",
data: {
rsp: list,
},
components:{
"aa":{
template:"#rsp",
props:['userlist']
}
}
})
</script>
</body>
<div id="detail">
<aa :user-list="rsp"></aa>
</div>
<template id="rsp" >
<div class="point clearfix" v-for="rsp in userlist" >
<div class="hd clearfix">
<div class="hd_left">
<img src="img/pic.jpg" />
<p>{{rsp.NickName}}</p>
<p class="date">时间日期</p>
</div>
<span class="apply">回复</span>
<span class="good"><strong>23</strong><img src="img/dianzan.png"/></span>
</div>
<!--评论content-->
<div class="point_content">
<p class="user_content">测试测试测试 </p>
</div>
</div>
</template>
<script src="js-offline/vue.min.js"></script>
<script type="text/javascript">
var list=
[
{
"Id":100002907,
"NickName":"183****7820",
"Avatar":"
",
"Content":"哈哈哈",
"CreateMonth":"08-10",
"CreateTime":"17:40",
"DiggCount":0,
"IsDigg":0
},
{
"Id":100002906,
"NickName":"路人甲",
"Avatar":"
",
"Content":"测试测试测试",
"CreateMonth":"08-10",
"CreateTime":"17:40",
"DiggCount":0,
"IsDigg":0
}
]
var demo = new Vue({
el: "#detail",
data: {
rsp: list,
},
components:{
"aa":{
template:"#rsp",
props:['userlist']
}
}
})
</script>
</body>
