我正在使用nuxt-i18n和@nuxtjs/auth,我想像这样配置auth.redirect
支持 i18n的选项:
// nuxt.config.js
export default {
modules: [
'@nuxtjs/auth',
'nuxt-i18n',
// ...
],
auth: {
redirect: {
home: localePath('/dashboard'),
// ...
},
},
// ...
};
Run Code Online (Sandbox Code Playgroud)
通常情况下,就像this.$store
,我可以访问localePath
所提供的功能nuxt,国际化,通过应用实例或context
类似this.$localePath
或app.localePath
。但是如何在nuxt.config.js
文件内部使用它呢?
在 vue 的官方文档中,我$root
在边缘案例部分找到了 about 的用法。“边缘案例”让我觉得使用this.$root
(或this.$parent
)来改变子组件中根实例的数据不是正常或推荐的方式。
我知道 vuex 是大型复杂 vue 应用程序的最佳状态管理选项,它具有更高级的功能和更好的调试。但这并不能说服我这this.$root
是不好的。
正如文档所说,何时this.$root
改变根数据是不可能跟踪数据更改发生的时间和地点的,也不利于调试。但我想知道的是:
this.$root
方法是否只有调试的缺点?除了调试相关的问题,还有没有其他使用this.$root
来变异根数据的问题?如果是这样,谁能给我一个小例子来展示这个问题,因为我想不出任何情况来避免使用它(假设我的 vue 应用程序不是那么大和复杂)。提前致谢!