追书神器WEB版开发心得

1. 项目结构

-api                     // 请求的api地址 
-common
  -css
    -base.sass      // 默认样式
    -icon.scss        // 图标
    -index.sass      // main.js引入的
    -mixin.sass      // 功能性代码块
    -reset.sass
    -transition.sass 
    -variable.sass    // 变量
  -js
    -cache.js            // 保存到web存储
    -dom.js
    -mixin.js              // 共享的方法属性
    -util.js                  // 工具
-components          // 公共组件
-plugin                    // 可复用组件库
-router
-store                   // vuex
  -各页面...
    -index.js
  -index.js
-views
  -index
  -各页面视图
-App.vue
-main.js

• vuex 状态管理

state 为 属性        -类似data
getters 为计算属性   -类似computed
mutations 为方法      -修改state
actions 为异步操作   - 修改多个mutations 或异步请求数据