/vue-user-center

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

Primary LanguageVue

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