Skip to content

alexguo789469/vue-cms

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

这是一个牛逼的项目

vue,webpack

我们是有灵魂的程序员

hhhh

##制作首页app组件

  1. 完成header区域,使用的是mint-UI中的Header组件
  2. 完成底部的tabber区域
  3. 填充中间区域

改造tabbar为router-link

设置路由高亮

点击tabbar中的路由连接展示对应的路由组件

制作首页轮播图布局

加载首页轮播图数据

  1. 获取数据,使用vue-resource
  2. 使用vue-resource和this.$http.get获取数据: (我是直接用的假数据)
  3. 获取到的数据,要保存到data身上
  4. 使用v-for循环渲染每一个item项目

改造新闻资讯路由连接

新闻资讯页面制作

  1. 绘制页面
  2. 使用vue-resource获取数据
  3. 渲染真实数据

实现新闻列表点击跳转到新闻详情

  1. 把裂解中的每一项改造为router-link,同时在跳转的时候应该提供唯一的id标识符
  2. 创建新闻详情的组件页面
  3. 在路由模块中,将新闻详情的路由地址和组件页面对应起来

实现新闻详情的页面布局和数据渲染

单独封装一个comment.vue子组件

  1. 先单独创建一个comment.vue模板
  2. 在需要使用comment组件的页面中,先手动导入comment组件

获取所有的评论数据展示到页面张

实现点击加载更多的评论

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published