💻一个用vue.js(2.0)写的直播类应用web端个人中心
Switch branches/tags
Nothing to show
Clone or download
Latest commit 8106f3a Apr 12, 2017
Permalink
Failed to load latest commit information.
component Supplementary document. Feb 17, 2017
css 上传代码 Feb 17, 2017
images Supplementary document. Feb 17, 2017
js 第一版完成 Feb 17, 2017
README.md Update README.md Apr 12, 2017
index.html 上传代码 Feb 17, 2017
package.json 第一版完成 Feb 17, 2017
webpack.config.js 上传代码 Feb 17, 2017

README.md

vue-user-center

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

github地址:https://github.com/doterlin/vue-user-center

演示地址:https://doterlin.github.io/vue-user-center/

截图

下载

git clone git@github.com:doterlin/vue-user-center.git

或者下载zip

编译

npm run build

框架及插件

应用结构

组件的父子关系和位置大概如下:

应用结构

使用chrome插件Vue.js devtools也可以清晰的查看应用的组件组成及相关数据:

Vue.js devtools

说明

  • 里面包含一些实用的小组件可复用(分页组件,数据展示表格,Loading组件等)
  • 本项目开始时,但是不排除日后扩展,所以在状态管理处理时使用了vuex
  • 所有对代码解释已在注释中,方便查看
  • 一些组件有写到一些url,只是为了表明在实际开发时需要请求后台,在此示例中为了演示效果所以并没有用到
  • loading状态是用setTimeout方法演示,并非真正请求后台
  • 需要查看登录演示请移步vue-example-login