vuex mapstate mapgetter,vuex中的mapstate

　　VUE项目中经常使用mapState和mapActions，MapState主要用于同步全局变量或对象。本文主要介绍mapState和mapActions在VUE的使用方法，有需要的朋友可以参考一下。

　　最近我在开发一个系统，前端是VUE开发的。因为我是后端开发者，前端稍微好一点，但是和VUE接触不多。记录VUE项目开发中遇到的一些坑。不是专业前端写的不好，不要嘘。

　　VUE项目中经常使用MapState和mapActions。mapState主要用于同步全局变量或对象，mapActions主要用于同步已定义的方法。一般两者结合使用。mapState同步项目中定义的全局变量或对象，mapActions用于调用方法定义的全局方法，以在变量或对象为空时获取。

　　MapActions和mapState需要引用vuex，所以需要在页面中引入以下代码。

　　从“vuex”导入{ mapActions，mapState }

　　由于全局数据需要保存在本地缓存中，因此有必要引用main.js中的存储，并如下定义全局对象或变量代码

　　从导入存储。/商店

　　常量状态={

　　用户名，

　　令牌，

　　刷新令牌，

　　tokenExpire，

　　菜单：[]

　　}

　　Vue.use(Vuex)

　　导出默认的新Vuex。商店({

　　状态，

　　动作，//一些自定义的方法

　　突变//用户定义的修改状态的方法

　　})

　　如果您需要获取页面上的菜单对象，可以使用mapState。如果菜单的对象已经有一个值，获取它并直接同步它。

　　从“vuex”导入{ mapActions，mapState }

　　计算值：{

　　.mapState([

　　菜单

　　])

　　//如果您想使用menus对象，只需使用this.menus

　　如果menus没有值，您需要使用mapactions，同步这些方法，并判断menus在页面中是否为空。如果为空，调用Action获取并保存，其他页面可以直接获取。

　　从“vuex”导入{ mapActions，mapState }

　　方法：{

　　.地图操作([

　　获取菜单

　　])

　　if (menus.length===0)

　　This.getMenus() //调用方法获取。这里，如果getMenus从接口获取数据，就需要使用异步，否则可能会有问题。

　　根据自己的理解写出来，记录下来。如有不妥，请指正。

　　关于mapState和mapActions在VUE的详细使用，本文到此结束。有关在Vue中使用MapState和mapActions的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望你以后能支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。