开发文档 - 黑马头条

开发文档 - 黑马头条

src目录树

D:.
│  App.vue
│  main.js
│
├─api
│      user.js
│
├─assets
├─components
├─router
│      index.js
│
├─store
│      index.js
│
├─styles
│      icon.css
│      icon.less
│      index.css
│      index.less
│
├─utils
│      request.js
│
└─views
    │  test.vue
    │
    └─login
            index.vue

src文件

@/main.js

入口文件

事件 函数 / 模块 说明 挂载 router store render: h => h(App)

@/router/index.js

路由文件

路径 组件 说明 /login () => import('@/views/login') 登录组件

@/store/index.js

Vuex

构造器 属性 / 方法 说明 state user user登录信息 mutations setUser 设置user actions

@/views/login/index.vue

登录组件

事件 函数 异步 说明 表单提交 onLogin() 是 发送验证码 onSend() 是

@/api/user.js

用户相关请求模块

事件 方法 函数 参数 说明 用户登录 POST login(data) data: { mobile, code } 发送验证码 GET sendSms(mobile) mobile: ''

@/utils/request.js

工具方法 - axios请求模块

对象 说明 request axios请求对象

@/utils/storage.js

封装 本地存储

事件 方法 参数 说明 获取localStorage getItem(key) key: '' 设置localStorage setItem(key, val) key: ''
val: '' 移除localStorage removeItem(key) key: ''