# vue-crm **Repository Path**: tfzhcoder/vue-crm ## Basic Information - **Project Name**: vue-crm - **Description**: No description available - **Primary Language**: Unknown - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2020-01-06 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 这是一个学习Vue的项目 ## 牛逼不牛逼只有我才知道 > 我都不知道写啥了 ## [开源协议?] https://www.zhihu.com/question/19568896 git add . git ommit -m 'you message' git push -u origin master
## 制作首页App组件 ### 1.完成Header区域,使用的是Mint-UI中的header组件 ### 2.制作底部的tabbar区域,使用的是MUI的Tabbar.html ### 3.要在中间区域放置一个router-vue来展示路由匹配到的组件 ### 4.改造tabbar为router-link ### 5.设置路由高亮 ### 6.点击tabbar中的路由连接,展示对应的路由组件 ## 加载首页轮播图数据 1.获取数据,如何获取数据,使用vue-resource `需要安装vue-resource cnpm i vue-resource -S` ## 新闻页面 1.新闻页面绘制 使用mui中的例子 media-list.html页面 ### 实现新闻资讯列表 跳转到新闻资讯列表 1.把列表的每一项改造为router-link,同时,在跳转的时候应该提供唯一的id标识 2.创建新闻详情的组件页面 NewsInfo.vue 3.在路由模块中将新闻详情的路由地址和组件对应起来 ### 单独封装一个comment.vue评论子组件 1.先创建一个单独comment.vue组件模板 2.在需要使用comment组件的页面中,先使用导入comment组件 +"import comment from './comment.vue' 3.在父组件中,使用component属性,将刚才导入comment组件注册自己的子组件 4.将注册组件时候的,注册名称,以标签形式,在页面中引入即可 ### 获取所有的评论数据显示在页面中 ### 为加载更多按钮绑定点击事件 点击加载跟到,让indexpage进行增加