# vue_project **Repository Path**: askacharing/vue_project ## Basic Information - **Project Name**: vue_project - **Description**: 这是一个vue商城资讯新闻一体的手机端项目 - **Primary Language**: JavaScript - **License**: AFL-3.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 2 - **Forks**: 1 - **Created**: 2020-04-15 - **Last Updated**: 2021-10-12 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 这是一个vue商城资讯新闻一体的手机端项目 ## 融合了Muit Ui mui webpack vue-cli vue-router的应用 ## nice ## 设置app header 和tabbar标签栏 ### 改造tabar为routerlink ### 设置路由高亮 ### 点击tabbar中的路由连接展示对应的组件 ## 进行首页编写 ### 应用muit ui 中的swiper进行banner轮播图的实现 ## 改造九宫格区域样式 ## 改造新闻资讯 路由连接 ## 新闻咨询页面制作 1.绘制页面 2.通过axios获取数据 3.渲染真实数据 ## 实现资讯列表点击进入对应新闻 ## 单独封装一个submit评论组件 1.创建一个单独的submit.vue模板 2.在需要评论组件的页面当中 导入submit组件 3。在父组件中 使用components属性 讲刚才导入的评论组件 注册为自己的子组件 4.将祖册组件 注册名称 以标签形式引用 ## 获取所有评论数据加载到页面中 ## 实现点击加在更多评论功能 1.添加加载更多按钮 添加点击事件 在事件中 请求下一页数据 2.点击加载更多 让pageindex++ 然后调用获取数据的方法 3.为了防止新数据覆盖老数据的情况 使用concat进行数组拼接 ## 发表评论