初衷
——————————————————————————————————————————————————————————————————————————————————
介绍
功能
- 疑问:指令权限
- 疑问:二步登录
- 疑问:Svg Sprite 图标
- 疑问:拖拽看板
- 疑问:错误日志
——————————————————————————————————————————————————————————————————————————————————
手摸手,带你用 vue 撸后台 系列一(基础篇)
目录结构
api 和 views
- 不同意见:api和views分开目录应该更适于公共api的管理。对于业务api重复使用的概率小,且常用于定位bug所在,直接内嵌在业务代码中似乎更好
store
- 不同意见:登录token、用户信息应该使用sessionStorage保存更为合理,当网络延迟时用户会习惯性的刷新页面,使用vuex保存这些信息会导致重复请求
- 不同意见:全局个人偏好设置、系统语言应该使用localStorage保存更为合理,需要考虑是否后端保存用户偏好
webpack
jquery (本项目已移除)
- 笔记:使用 webpack 内置的 ProvidePlugin 插件后,当第三方库中出现全局的$、jQeury和window.jQuery 时,就会使用 node_module 下 jquery 包 export 出来的东西。
alias
- 不同意见:会导致编辑器无法跳转,影响开发速度。只设置src下一级目录即可。
resolve: {
alias: {
'~': resolve(__dirname, 'src')
}
}
//使用
import stickTop from '~/components/stickTop'
ESLint
- 笔记:饿了么团队的 .eslintrc.js,vue的 .eslintrc.js
- 笔记:vscode 插件和配置推荐
封装 axios