<Comment   :cid="$route.query.id"    />//获取到路由上面的id参数

    props:['cid'], //接收到父组件定义的自定义属性

data(){return {comments:[]}},created(){//用户在查看评论列表的时候还可能在上面输入let page = this.$route.query.page || '1'; //从url地址中获取到当前的page，如果没有默认加载第一页//查询的时候带着这个page查询this.$axios.get(`getcomments/${this.cid}?pageindex=${page}`).then(res=>{console.log(res.data.message);this.comments=res.data.message;}).catch(err=>{console.log('数据请求失败',err);})}

<Button @click='loadMore(page)'>加载更多</Button>

 export default{name:'Comment',props:['cid'],//接受父组件传过来的自定义属性
        data(){return {comments:[],page:1}},methoods:{loadMore(page){this.$axios.get(`getcomments${this.cid}?pageindex=${this.page}`).then(res=>{console.log(res.data.message);this.comments=res.data.message;if(page){//表示加载更多,将新一页的数据追加到原来的里面this.comments = this.comments.concat(res.data.message);}else{//否则第一次加载this.comments = res.data.message;}this.page++;}).catch(err=>{console.log('数据请求失败',err);})}},created(){//用户在查看评论列表的时候还可能在上面输入let page = this.$route.query.page || '1'; //
            this.loadMore(page);}

                <li class="txt-comment"><textarea v-model='commentContent'></textarea></li><li><button @click='commentHandle'>提交</button></li>

//处理提交评论请求，并且将评论信息，添加到postcomment/:${this.cid}中
commentHandle(){this.$axios.post(`postcomment/:${this.cid}`,'conetent='+this.commentContent).then(res=>{console.log(res.data.message);}).catch(err=>{console.log('评论失败',err);})}

 methoods:{commentHandle(){this.$axios.post(`postcomment/:${this.cid}`,'conetent='+this.commentContent).then(res=>{console.log(res.data.message);this.commentContent=''; //清空评论框this.page=1;//然后加载第一页数据this.loadMore();}).catch(err=>{console.log('评论失败',err);})},