vue,vuex和vue-router学习

vue原理

https://juejin.im/entry/584cf39761ff4b006ccae632
getter、setter
https://blog.youkuaiyun.com/momdiy/article/details/79086789

第一部分：vuex之集成 store

1.在src文件下新建store文件夹，新建store.js文件(其他的先在代码里做好注释，然后再熟悉一下流程)
2.在index.js里引入store，在实例里添加store，在store.js里use store
3.使用store对象，在app.vue里挂载store对象，则在下面的vue里都可以使用store对象，注意store是一个对象
4.因为每次创建的store都是一个新的对象，所以最好是使用方法来创建store

state和getter

模块的区分
1.通常来说，都是根据不同的模块写不同的state（有一个单独的文件夹),然后在一个总的store.js文件夹里return一个创建store对象的方法,注意vuex的五个核心状态，这样会比较好管理，然后最后在app.vue里引用store，这样app.vue目录下的组件都可以用到store下面的状态
2。同理mutations也是如此，这样方便管理
3.getter可以理解为computed,可以直接生成一些我们在后续组件中可以直接使用的数据，虽然可以在每个页面使用computed也可以，但是使用getters产出的数据可以在多个页面重复使用，避免多余的代码重复,维护也很麻烦
4.vuex下的辅助方法mapstate,mapGetters (presets条件下stage-1才可用，需要插件)，这两个方法的使用也需要了解一下，写在computed下

mutation和action

https://juejin.im/post/5a5f1a9df265da3e2f00faae
1.mutation在定义时只接受两个参数，第二个参数在使用时可以由多个参数包装起来，或是包装成一个对象，但是在定义的时候只能由俩参数
2.虽然可以在外面修改state数据（mounted下，如果不想在外面修改可以设置isdev），但是一般来说修改state里面的数据都要在mutation里面
3.action和mutation类似，也是接受两个参数，第一个为store，和mutation区别为mutation里面只能写同步方法，而action里放的是异步方法（或者数据请求方法），mutation和action都是修改数据的对象，commit触发mutation，dispatch触发action
4，对应的辅助方法 mapMutations,mapAction,调用方法时可以不用传名字，因为是修改方法，所以放在methods里。

vuex

• mapState:state语法糖https://blog.youkuaiyun.com/dkr380205984/article/details/82185740
• 动态路由加载http://auan.cn/front/1740.html