一个用vue.js(2.0)写的直播类应用web端个人中心

doterlin
doterlin 发布于 5 天前 浏览:225 类型:原创 - 随笔 分类:JavaScript - vue.js 二维码: 作者原创 版权保护
github地址:https://github.com/doterlin/vue-user-center
演示地址:https://doterlin.github.io/vue-user-center
<a href="https://doterlin.github.io/vue-user-center/">click me to view demo</a>


截图:
一个用vue.js(2.0)写的直播类应用web端个人中心

编译
npm run build



框架及插件
+ vue.js[ 主框架
+ vuex 状态管理
+ vue-router 路由管理
+ vue-resource http请求插件

应用结构
组件的父子关系和位置大概如下:
一个用vue.js(2.0)写的直播类应用web端个人中心

使用`chrome`插件`Vue.js devtools`也可以清晰的查看应用的组件组成及相关数据:
一个用vue.js(2.0)写的直播类应用web端个人中心

说明
  • 里面包含一些实用的小组件可复用(分页组件,数据展示表格,Loading组件等)
  • 本项目开始时,但是不排除日后扩展,所以在状态管理处理时使用了`vuex`
  • 所有对代码解释已在注释中,方便查看
  • 一些组件有写到一些url,只是为了表明在实际开发时需要请求后台,在此示例中为了演示效果所以并没有用到
  • oading状态是用`setTimeout`方法演示,并非真正请求后台
  • 下一版本将增加登录演示
z
给个赞 2 人点赞
收藏 5 人收藏
评论 已有 0 条评论;以下用户言论只代表其个人观点,不代表 前端网(QDFuns) 的观点或立场。
登录 以后才能发表评论
最新评论
还没有任何评论呢,赶紧抢先来一发吧!
doterlin doterlin 作者

Super web front-end diaosi

作者最新