vue学习总结

之前学习vue的路程是这样的,一开始帮别人改vue的bug,顺路看看整个项目结构,不会的地方直接上官网看一下,后来就按照之前见过的套路写了两个项目。
国内vue市场太大了,借着辞职的这段时间从github找了几个vue的项目学习了一下,看了别人的项目结构比自己之前的好很多。可能不是最优的方案但是还是值得自己去学习一下的

目录结构

  • vue学习总结_第1张图片
    image.png
  • api 存放接口的地方


    vue学习总结_第2张图片
    image.png
  • store (vuex)


    vue学习总结_第3张图片
    image.png

对比之前对于vuex 写法,用法有了新的认识

vuex

在这里再次结合实际项目总结一下vuex,之前的理解不透彻
1、modules


image.png

2、index.js 和 getters.js


image.png

3、vuex 视图中的使用
视图中使用

异步方法中使用

总结:
写项目时,一定要注意模块化开发,合理的进行目录结构布局;
多看别人的代码,吸取优点;
vuex彻底搞定了,对项目的架构有了新的认识,还有就是路由权限的思路。
别的就不总结了别人的教程里都有了(见下面链接)。
这周还看了一本书,但是没有看完,等看完了再总结吧。
做事要持之以恒!

感谢:
https://segmentfault.com/a/1190000009275424

你可能感兴趣的:(vue学习总结)