我之前在做vue项目时用到了axios，为了显示项目的层级结构已经将对外的接口给抽取出来，成为了api层。在这里我将所有的接口文件根据模块对应的放在了modules中，同事在index.js里使用import * as xx from './modules/xx.js'给引入进来
image.png
index.js
image.png
xx.js
image.png
import * as xx from './modules/xx.js'相当于给xx.js中的方法起了一个别名，在用的时候直接xx.具体方法就可以了
下面是我在学vuex时遇到的问题，vuex官方文档中将的都是一块一块的，对新手来说难度很大，建议搜一些vuex教程来看。我发现这些教程都是将state,mutation,action放在一个文件里。然后呢我完成功能后就试着给抽开，我新建了state.js、mutation.js，然后在index.js中来引入这些文件。开始的时候一直忘了在state.js中使用export default state将属性打包出来，导致state属性一直为空。
index.js
image.png
state.js
image.png
mutation.js
image.png
网友评论