从router.js异步调用vuex操作有多好？
从router.js异步调用vuex操作有以下几个优点：
- 状态管理：Vuex是Vue.js的官方状态管理库，通过将状态集中管理，可以方便地在应用程序的不同组件之间共享数据。通过在router.js中异步调用vuex操作，可以实现在路由切换时对状态进行更新，从而实现不同页面之间的数据共享和同步。
- 异步操作：在某些情况下，我们需要在路由切换时进行一些异步操作，例如发送网络请求获取数据、更新本地存储等。通过在router.js中异步调用vuex操作，可以方便地在路由切换前或切换后执行这些异步操作，保证数据的及时更新和同步。
- 代码结构清晰：将路由相关的逻辑和状态管理的逻辑分离，可以使代码结构更加清晰和可维护。在router.js中只负责路由的定义和跳转逻辑，而具体的状态管理操作则交给vuex来处理。这样可以降低代码的耦合性，提高代码的可读性和可维护性。
- 扩展性和灵活性：通过在router.js中异步调用vuex操作，可以方便地扩展和修改路由切换时的逻辑。例如，可以根据不同的路由参数来动态更新状态，或者在路由切换前进行权限验证等。同时，由于vuex提供了丰富的插件机制，还可以通过插件来扩展和定制路由切换时的行为。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库（TencentDB）。
相关·内容
3回答
在Vue路由解决之前访问Vuex
vue.js、axios、vuex、vue-router
我有什么？
import Vue from 'vue'import store from '.from 'vuex'
import axios from 'axios'
浏览 2提问于2018-09-20得票数 7
回答已采纳
2回答
Vuex Store:陈旧状态下的异步操作
vue.js、vuex、vuex4
我的Vue应用程序使用Vuex商店。有时用户可以“重置”会话。这需要将vuex存储重置为默认值，并且因为Vuex存储已经被重置，所以任何挂起的异步操作都应该被丢弃。问题是，当异步调用返回时，它们试图修改存储，但后来它已被重置。当用户点击“重置”时，我如何强制忽略任何挂起的异步操作。我想调用"createStore“Vuex函数，但这导致了一个死胡同，因为全局存储变量被更新了。
编辑:我最终
浏览 18提问于2021-05-12得票数 0
1回答
Vue SPA -检查用户是否已通过身份验证，如果未通过，则重定向至登录
javascript、vue.js、jwt、vuex
我有一个VueJS单页面应用程序，并且我使用JWT身份验证。 我正在尝试弄清楚如何确保用户在页面重新加载后进行身份验证，如果没有，则将他们重定向到登录页面。accessToken和refreshToken存储在cookies中，也存储在Vuex中 Vuex.state： auth: { isAuthenticated: false, refreshToken: null
}, Vuex.acti
浏览 19提问于2021-08-01得票数 2
1回答
仅在父装入的异步方法完成后才呈现子组件
javascript、vue.js、async-await、vue-component、vuex
我有一个父组件，它呈现子组件。我正在父组件的mounted中进行异步调用( axios 'get‘来自Vuex操作的请求)，获取子组件所需的数据。
我希望阻止子组件的呈现，直到异步调用完成为止。
浏览 6提问于2020-03-30得票数 3
回答已采纳
1回答
VueJS Vuex行动解释
javascript、vue.js
据我所知，我已经看到它们将处理异步代码，而突变则保持同步代码。我想了解一些事情。假设在挂载组件/视图时调用API： fetch("http://localhost:100/api/v1/tags") }我在这里使用了commit，但是我
浏览 1提问于2022-03-27得票数 0
回答已采纳
1回答
我有一个vuejs3插件，可以通过异步axios调用从api获取数据。来自api的数据存储在vuex存储中。谢谢
浏览 1提问于2021-11-23得票数 0
1回答
Vuex，nuxt，localStoarage，状态覆盖
vuex、nuxt.js
我对vue/vuex的国家管理有疑问。const res = await API_CALL('someEndpoint')这解决了这个问题：
const res = await API_CALL('someEndpoint'
浏览 1提问于2020-07-29得票数 1
回答已采纳
1回答
我如何测试vuex动作，其中包含一个api调用的jest？
javascript、vue.js、vuejs2、jestjs、vuex
异步操作VUEX :这是将从组件中调用的异步操作，它由一个函数fetchGaragesData组成，该函数将调用api从服务器获取数据。dispatch(ACTION_TYPES.MODIFY_RTO_WISE_GARAGES_DATA, response)
fetchGaragesData的实现:这个函数内部调用
浏览 0提问于2019-03-19得票数 1
回答已采纳
1回答
Vue路由器和Vuex
laravel-5、vuejs2、vue-router、vuex、laravel-mix
我有两个问题。1.如何捕获未定义的路由并重定向到404页? 2.如何使用Vuex操作从api获取数据？我知道vuex突变必须是同步和动作异步。但我可以得到突变的数据，然后使用承诺。我在laravel项目中使用vuex。谢谢..。
浏览 5提问于2017-03-28得票数 0
回答已采纳
1回答
Vuex调用另一个必须在代码恢复执行之前完成的操作
javascript、vuex、store、pause
下面是我试图实现的一个简化视图:我的Vuex存储中有一个主异步操作，它在同一个Vuex存储中调用另一个操作。我需要mainCodeBlock代码在它继续执行之前等待被调用的第二个操作完成。有什么想法吗？
浏览 6提问于2022-07-13得票数 0
3回答
Vuex操作是否必须修改或使用存储状态？
javascript、vue.js、vuex
使用Vuex存储操作来执行相关的异步操作(例如，GET请求)，而不实际修改存储的状态，这是很好的做法吗？
我有一家Vuex商店。我们叫它主人吧。它包含一个对象作为它的状态，有一些getter来检索状态的各种形式，还有一些突变来修改所述状态。但是，当涉及到操作时，我对主机对象执行某些异步请求，并将这些请求作为参数传递给操作。因此，我有一个动作hostEnable(host)，它调用一
浏览 0提问于2019-01-10得票数 5
回答已采纳
3回答
我应该如何处理Vuex的事件？
vue.js、vuejs2、vuex
当然，我想用Vuex。有办法在Vuex组件中运行方法吗？我该怎么处理这个？
浏览 9提问于2017-03-15得票数 36
回答已采纳
2回答
当从承诺解析调用Vuex存储时未更新
javascript、vue.js、promise、vuex
我有一个数组，它绑定到vuex数据存储区，并通过mapGetters助手作为计算属性公开。这个数组名为items，我调用REST在组件的created()钩子中更新它。我为此所做的vuex操作返回了一个承诺，即在解析之前访问API并调用mutator (它更新items数组)。我对承诺的理解告诉我，我的then调用应该在异步操作完成后安全地发生，但是如果我试图通过承诺解析访问items，那么它是空的，尽管这个数组肯定是由API
浏览 3提问于2017-11-06得票数 3
回答已采纳
1回答
如何在vuejs中更新动态路由器链路组件的属性
vue.js、vue-component、vue-router
我有一个使用VueRouter的简单Vue应用程序，我正在尝试生成一个支架风格的体育锦标赛，记录锦标赛中不同比赛的结果。 </div> </div>我
浏览 8提问于2019-11-01得票数 0
1回答
从组件访问Vuex状态对象属性
vue.js、vuex
我试图从组件中更改状态对象属性的值，但找不到正确的方法state: { title: "Lorem ipsum",
position有什么建议吗？)
浏览 1提问于2018-11-10得票数 1
1回答
Vuex - conception中JavaScript对象的存储和修改
javascript、vue.js、vuex
我应该创建一个名为turnEngineOn的操作，它将触发突变，这将触发方法'turnEngineOn‘，还是直接在对象上调用此方法？在第二种情况下，商店将只负责管理一组汽车，而不是操纵汽车。);turnEngineOn = (state, car) => {}
案例2：car.turnEngineOn() //外部操作
浏览 0提问于2017-10-16得票数 0
1回答
Laravel & Vue:在使用
javascript、laravel、vue.js、vue-component、vuex
Infos这里有一些背景信息：
*/import Vuexfrom "vuex";
import BootstrapVue from "
浏览 1提问于2019-12-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
