json
{"status":200,
"message":"success",
"data":{
"page":0,"pageSize":10,"total":2,
"list":[{
"id":2,
"title":"Nancy11",
"liststyle":"style-one",
"publishtime":"2019-09-24 19:51:56",
"readtimes":null,
"status":null,
"content":"身高是衡量一个孩子生长发育的重要指标,孩子的身高发育一共分为四个时期,每个时期的生长发育都不一样。那么,孩子身高发育分为哪四个时期呢?婴幼儿期宝宝的身高发育一般不受遗传的影响。这个时期,营养是最能影响宝宝身高的。在宝宝出生后的第一年,身高发育是最快的,约为25厘米。第二年开始,开始减慢,约为10厘米。所以,在宝宝0~3岁的这个阶段,一定要注意宝宝营养的摄入。此时,辅食添加和营养搭配就特别重要了!学龄前期(4~6岁)是儿童生长发育的重要时期,也是孩子长高的基础阶段。4岁左右,人体内生长激素、甲状腺素已基本形成,饮食、睡眠习惯逐渐形成,这些条件对今后的生长发育都起着决定性作用。这时候给他们均衡营养,其中包括脂肪、蛋白质、让体内得到生长必需的营养素,就为正常生长奠定了良好的物质基础。6岁左右,对儿童今后的成长非常重要,此时,人体骨骼处于储备期,骨骼发育需要补充钙元素量为每日800mg。如果有钙质摄入量不足,会影响到骨骼中的钙质储备,这将直接导致孩子个头矮小、发育期身高增幅减小,因此此阶段的孩子也需要多补充钙质。学龄儿童期是指6~7岁入小学起至12~14岁进入青春期为止的一个年龄段。( 相当于小学学龄期)。此期孩子体格生长仍稳步增长,除生殖系统外其他器官的发育到本期末已接近成人水平。10~14岁是孩子发育期,孩子身高好比雨后春笋,“噌噌”地直往上长。研究发现,此阶段孩子每多吸收3万毫克的钙质,身高便可多长1厘米,而一般家庭所提供的日常膳食,摄取的钙含量不到孩子所需钙质的50%,远不能满足生长发育所需,这个时期需要额外补钙。青春前期(10~13岁):身高及体重增长速度超过平均数。\n\n青春中期(14~16岁): 又称性征发育期,在身高剧增的同时,生殖器官及第二性征发育成熟。\n\n青春后期(17~20岁): 其特征是性器官发育完全成熟,体格形态发展也完全成熟。人体的骨骼系统,经过青春期的突长之后,到25岁左右,骺软骨停止生长,全部骨化,至此人体的高度不再增加,循环系统、呼吸系统也同样。\n\n注:男性17~25岁,女性16~23岁,是长高的最后冲刺阶段。研究发现,此阶段青少年骺软骨还未真正愈合,每年还存在着2~3厘米的长高潜能。\n\n因此家长们可以充分把握外在因素,在遵循孩子生长发育的基础上,循序渐进,因势利导,积极干预,充分开发孩子身高发育的潜能。",
"source":"2",
"thumbup":null,
"thumbdown":null,
"music":null,
"video":null,
"author":null,
"category":{
"id":8601,
"name":"四川",
"comment":"dazhou",
"no":123,
"parentId":8353
},
"comments":[{
"id":6,
"commenttime":"2019-07-23 14:44:36",
"status":"未审核",
"articleId":null,
"customerId":null,
"content":"12"
}],
"articleFileVMs":[]
},
{
"id":4256,
"title":"123",
"liststyle":"style-one",
"publishtime":"2019-11-04 11:16:50",
"readtimes":"0","status":"未审核",
"content":"3123213",
"source":null,
"thumbup":0,
"thumbdown":0,
"music":null,
"video":null,
"author":null,
"category":{
"id":8601,
"name":"四川",
"comment":"dazhou",
"no":123,
"parentId":8353
},
"comments":[],
"articleFileVMs":[]
}
]}}
预览效果:
.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试</title>
</head>
<body>
<table border="1" id="app">
<tr>
<th v-for="(item, index) in mylist ">{{item.id}}</th>
<th v-for="(item, index) in mylist ">{{item.title}}</th>
<th v-for="(item, index) in mylist ">{{item.content}}</th>
</tr>
</table>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.js"></script>
<script>
// insert script code here
new Vue({
el: '#app',
data: {
mylist: [{id: 1, title: 'Hello', content: 'This is content.'},]
// mylist: [{id: 1, title: '', content: ''},]
},
created() {
this.getList();
},
methods:{
getList(){
//get list data from http://134.175.154.93:8099/manager/article/findArticle?page=0&pageSize=10
//ref1: http://www.axios-js.com/docs/
//ref2: https://cn.vuejs.org/v2/guide/instance.html#实例生命周期钩子
axios.get('http://134.175.154.93:8099/manager/article/findArticle?page=0&pageSize=10')
.then(res => {
this.mylist = res.data.data.list;
console.log(this.mylist);
})
.catch(function (error) {
console.log(error);
});
}
},
})
</script>
</body>
</html>