2017-3-14_工作报告

工作内容

分析项目src目录结构

vuex

vuex.png

• modules 目录 存放拆分的store模块
• actions.js 根级别的action
• getters.js 根级别的getter
• mutations.js 根级别的 mutation
• index.js 根store的入口，组装模块并导出 store 的地方
• mutaion-types.js 存放mutaion type常量的地方

项目的公共的store拆分成模块存放在modules文件夹下的common.js

const state = {
  isLoading: false,  // 是否在loading状态
  direction: 'forward',  // 保存当前视图对于之前的视图是往前还是往后
  age: 10,
  user_auth: false,  // 用户登陆后保存登陆时间
  user_info: {},
  select_car: {},
  last_path: '/',
};

components

components.png

actionsheet、alert、confirm、Loading 为单例组件

pages

存放单页view组件

script/common

• api.js 存放ajax api
• components 集合全部component然后导出
• helper 触发页面中的单例组件

工作进展

1. 了解源码的基本结构
2. 对vuex的概念与api进行了学习