设置新闻资讯

1. 添加news组件
    1. 新闻列表
        使用mui中的mui-table-view的代码块
        cnpm install moment --save-dev 时间格式插件
       
        添加vue过滤器
        Vue.filter('formart',function(date,pattern="YYYY-MM-DD HH:mm:ss"){
                return moment(date).format(pattern)
        }) 


    2. 新闻详情
        传递文章的id加载到路由路由的值的传递
        根据路由调用接口查找数据
        /HomeContainer/newinfo/2 传递id值
        {path:'/HomeContainer/newinfo/:id',component:newinfo}  //接受参数
        this.id=this.$route.params.id; //设置id值

    3. 留言子模块
        编写页面
        接收id值接收数据，以及渲染页面
        点击更多查询数据
            默认查询第一页数据
            点击更多，第一页的数据还在
        点击提交评论
            发送请求，提交数据，渲染页面

        操作步骤：
        添加子模块
        <comment-box :id="this.id"></comment-box>  //引用子模块,给子模块传递数据
         import subcommnet from '../subcomment/comment.vue';//导入子模块
            export default{
                data(){
                    return {
                        id:'',
                        data:new Date(),
                        count:0
                    }
                },
                created(){
                this.show();
                },
                methods:{
                    show(){
                        this.id=this.$route.params.id;
                    }
                },
                components:{      //添加子模块
                    "comment-box": subcommnet
                }
            }  
            props:["id"]//子模块声明变量，接受父传过来的数据

    图片的缩略图 插件 vue-preview