Javascript Vuex状态管理与Vue简单状态管理

Javascript Vuex状态管理与Vue简单状态管理,javascript,laravel,vue.js,security,vuex,Javascript,Laravel,Vue.js,Security,Vuex,我对使用Vue.js比较陌生。我正在开发一个webapp(使用Laravel作为后端),我想知道使用Vuex和Vue.js的简单状态管理在安全性方面有什么区别。让我解释一下:在注册/登录期间,我想保存用户标识符(id或访问令牌):我可以使用Vue.js管理标识符吗?还是使用Vuex更安全?我是否可以将标识符直接保存在Vue.js的$root组件中(因为它的值不必更改) 谢谢大家实际上,使用Vue或Vuex状态管理的主要区别在于控制web应用上不断增长的数据。 一旦您注意到您的组件需要一个抽象数据

我对使用Vue.js比较陌生。我正在开发一个webapp(使用Laravel作为后端),我想知道使用Vuex和Vue.js的简单状态管理在安全性方面有什么区别。让我解释一下:在注册/登录期间,我想保存用户标识符(id或访问令牌):我可以使用Vue.js管理标识符吗?还是使用Vuex更安全?我是否可以将标识符直接保存在Vue.js的$root组件中(因为它的值不必更改)


谢谢大家

实际上,使用Vue或Vuex状态管理的主要区别在于控制web应用上不断增长的数据。 一旦您注意到您的组件需要一个抽象数据源,就应该停止使用道具和事件并切换到Vuex。 但是,完全基于Vuex在前端控制身份验证是安全的

逻辑和数据

有时,您需要将某个复杂逻辑的实现与组件分离,特别是当此逻辑与系统中的其他组件(如身份验证)相关时

Vuex是在Vue中处理复杂应用程序身份验证的常用方法。使用Vuex,您可以在整个应用程序中处理令牌的可用性和访问控制以及路由块。突变、getter和setter有助于完成这项任务

此模式允许您将身份验证逻辑与应用程序逻辑完全分离,同时保持身份验证流的可跟踪性和数据的可访问性

Vuex还简化了对整个应用程序的单元测试,如果您的应用程序变得越来越复杂,使您的状态难以管理,这可能会有所帮助。但是,您完全可以在不使用Vuex的情况下完成测试