美文网首页
vuex状态管理(二)

vuex状态管理(二)

作者: 18fa100a8459 | 来源:发表于2018-05-31 18:16 被阅读0次

涉及到的文件有

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,所以,可以加一个判断条件,如图所示:


相关文章

  • Vue3.0 VueX的基本学习(九)

    一.什么是状态管理 实际截图 二.VueX状态管理图 三.Vuex的安装 四.Vue2.0 创建store 实际创...

  • vuex状态管理(二)

    涉及到的文件有 1.vuex文件夹下的index.js 2.modules.js 3.index.vue(在组件中...

  • VUE知识点总结

    一、生命周期详解(八个钩子函数) 二、vuex状态管理 Vuex 是一个专为 Vue.js 应用程序开发的状态管理...

  • Vue 中 store 基本用法

    用来管理状态,共享数据,在各个组件之间管理外部状态 第一步:项目安装vuex插件 第二步:引入vuex,并通过us...

  • Vuex状态管理模式

    Vuex是什么? Vuex是一个专为Vue.js应用程序开发的状态管理模式Vuex是全局的状态管理 Vuex用来做...

  • Vue知识总结(2)

    Vuex状态管理 Vuex是专门为Vue应用程序提供的状态管理模式,每个Vuex应用的核心是store(仓库),即...

  • vuex二次总结

    Vuex状态管理 每个Vuex应用的核心是store(仓库)Vuex是专门为Vue应用程序提供的状态管理模式,每个...

  • Vue2技术栈归纳与精粹(下篇)

    Vuex状态管理 Vuex是专门为Vue应用程序提供的状态管理模式,每个Vuex应用的核心是store(仓库),即...

  • vuex状态管理:vuex

    什么是vuex? vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组...

  • vuex入门教程

    vuex (一)vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式(二)适用场景?构建...

网友评论

      本文标题:vuex状态管理(二)

      本文链接:https://www.haomeiwen.com/subject/cbzkgxtx.html