vue经历的坑

父级组件与子组件之间的通信
当我们在子组件去调用父组件中的事件时，我们需要在父组件中的事件添加.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);
    }