父级组件与子组件之间的通信
当我们在子组件去调用父组件中的事件时,我们需要在父组件中的事件添加.native修饰符,不然会失效。
vue页面初始化数据
当我们在组件中去调用接口获取数据并初始化渲染组件上的dom的时候,我们只需要在methods中添加http请求的方法,然后再created去调用即可。如下:
methods:{
//获取所有文章
getArticleList(page){
this.$http.get('/article?page='+ page).then(function(res){
//console.log('result:'+JSON.stringify(res.body.result));
this.pages=[];
this.articles = res.body.result;
this.pageCount = res.body.pageCount;
this.curPage = res.body.curPage;
//the time&conent has formated
for(let i=0; i<this.articles.length; i++){
this.articles[i].created=moment(this.articles[i].created).format('YYYY-MM-DD');
this.articles[i].content=truncate(this.articles[i].content, 140);
}
for(var i=0; i<this.pageCount; i++){
this.pages.push(i+1);
}
},function(res){
alert('获取文章列表失败: '+ res.status);
});
}
},
created(){
this.getArticleList(1);
}