涉及到的文件有
1.vuex文件夹下的index.js
2.modules.js
3.index.vue(在组件中的使用)
一、下面来看看在最初的阶段,每个文件都长什么样子
首先,看看vuex文件夹写的index.js
图一接下来来module.js里都是些什么东西
图二最后看看home.vue里面都有什么
图三二、接下来我们看看规范后的代码的样子
首先是module.js
图四接下来我们来看看home.vue(vuex里的index.js并没有什么变化 )
图五最后用mapState和mapActions精简一下代码(一定不要忘了在页面引入mapState和mapActions)
还有现在下home.vue中mounted里的getHomeData函数中每次页面渲染后都会发起ajax,所以,可以加一个判断条件,如图所示:
网友评论