在 waynboto-mall 项目中，RBAC0 中的权限对应的就是菜单。菜单权限包含菜单页面对用户是否可见、页面按钮对用户是否可见、页面列表数据根据用户进行过滤等。
一个后台的用户角色权限系统总是可以大概划分为三个打的模块的：用户管理、角色管理、权限管理。 角色权限系统属于策略设计的范畴，它的设计非常考验一个PM对业务的理解力以及对自己后台所有功能的熟悉程度。
权限管理：这个后台的灵魂，关乎数据的隐秘与控制。权限设计的精细程度决定了系统的灵活性和安全性。在复杂的企业环境中，权限划分必须精准，确保只有授权的用户能触及相应的数据和功能。审批流程：并非所有系统都需审批，但当涉及决策流程时，可定制化的审批流程设计显得尤为重要。
我也是正在学习。 我的理解应该是多个页面共用一个store。 vuex似乎是可以理解为一个包含很多值的全局变量。 为了保证组件之间通信不会太乱才使用vuex。 如果没有那么多组件之间的通信应该是可以不用vuex的。 还在学习中，可能有误。哦不对。 你这个是多个页面。
Vuex的核心概念是“store”。一个store就是一个容器，它包含着你的应用程序中所有的状态数据。这些状态数据可以被多个组件共享，并且可以直接在页面上进行修改。使用Vuex，我们可以避免在组件之间进行大量的状态传递，从而使代码更简洁、更可读。
Vuex 是一个为 Vue.js 应用程序设计的状态管理模式。它的主要作用是管理应用中的共享状态，即全局变量的管理。Vuex 的核心概念包括以下几点： Vuex 使用一个 Store 对象来管理应用的状态。一个 Store 包含四个核心属性：state、getter、mutation 和 action。
vuex原理是VUEX很单一，store对象只要注册到main.js里面，只要被vue注册之后，vue里面所有层级关系的组件都可以使用。使用状态去管理和操作DOM，改变UI，不是使用过去的那种直接操作DOM的方式。所以说State是VUEX里面的一个核心的概念，在VUEX里面也是一个核心的概念。
单例的this.$store是因为Vuex的store是一个全局单例，即在整个应用中只有一个store实例，可以通过Vue的插件机制将其注入到所有的组件中，因此在任何组件中都可以通过this.$store来访问store中的状态和方法。这种设计可以方便地管理应用的状态，避免了状态的分散和重复，提高了应用的可维护性和可扩展性。
vue拿到单元组件的方式是通过ref属性定位，首先在组件上定义一个name值，再在vue里面通过ref来拿到组件信息。
Vue 可以通过全局注册来实现全局组件的功能，比如有这么一个组件 exampleComponent ，如果想把它注册成全局组件的话，只需要在引入 Vue 的文件里调用 Vue.component（example-component，exampleComponent） 来实现，又或者如同大部分 Vue 的 ui框架 那样，直接调用 Vue.use（/* 组件 */） 来实现。
在子组件中定义需要被调用的方法。 在父组件中使用ref属性引用子组件实例。 在父组件的方法中，通过子组件实例调用子组件的方法。详细解释： 子组件方法的定义：在子组件的script标签内，定义你想要被调用的方法。这些方法可以是任何JavaScript函数，用于执行特定的任务。
1、前端面试中，Vue作为热门技术之一，其基础知识和特性是必不可少的。让我们深入探讨Vue的核心概念和关键点：Vue特性 - 数据驱动视图：Vue的单向数据绑定（data）和双向数据绑定（Vue 2/3响应式原理），通过getters和setters实现数据与视图的实时同步。
2、虚拟DOM的魔力与局限：/虚拟DOM是Vue性能的守护者，但也需留意优化关键，如合理使用key、优化Webpack配置和基础Web技术。 Vue x的飞跃：/从观察模式到基于Proxy的优化，Vue x带来了更高效的性能，新特性如自定义渲染器、TypeScript集成等，提升了开发体验。
3、axios是在vue0中用来替换 vue-resource.js插件的一个模块，是一个请求后台的模。 用npm install axios安装 axios。基于 EMAScript 6 的 EMAScript Module规范，通过 import关键字将 axios导入，并添加到 Vue. js类的原型中。这样每个组件（包括vue.js实例化对象）都将继承该方法对象。
4、自定义指令在Vue3中的实现方式为：在Vue组件中定义一个directive对象，其中包含bind、inserted等生命周期钩子函数，并通过Vue.directive方法注册这个自定义指令。Teleport组件是Vue3中新增的一个组件，它可以将子组件渲染到DOM树的其他位置，而不是局限于父组件的范围内。
列表更新数据不调用后端接口可能有以下原因： 前端数据处理：在某些情况下，前端可以直接处理列表数据的更新，而不必调用后端接口。例如，当用户对列表中的某一项进行增删改操作时，前端可以直接对本地的数据进行相应的更新，而无需向后端发送请求。这样可以提高页面的响应速度和用户体验。
如果后端返回的数据是复杂的JSON，需要前端额外来处理很复杂的去重，排序、深浅拷贝，变形等处理，那么这将会增加前端的工作量，并可能导致数据结构频繁更改从而导致页面崩溃。因此，良好的接口设计可以使前端只关注渲染逻辑，而不必关注数据处理逻辑。
我是用的postman调用接口数据，这样测试的。你一可以自己写一个页面，专门用来测试接口的。下面附上postman使用的教程。
首先前端要无脑调用后端接口。其次直到后端接口数据中某个字段返回为false，就停止轮询。最后选择服务端推送即可。以上就是后端有一个耗时的操作，前端需要不断去轮询的处理的方式。
实现原理：监听popstate事件。能监听到用户点击浏览器的前进后退事件或者手动调用go，back，forward事件；不能监听到pushState和replaceState事件。（3）为了避免浏览器刷新出现的404页面，需要在服务端配置兼容。
原理是：vue在编译的时候通过在DOM元素以及css样式上加上唯一标记，实现样式私有化，不污染全局样式。如：编译为；对应的样式。my-class编译为。my-class[data-v-56e7f951]。
Vue.js 的数据驱动原理主要基于一个核心概念：响应式数据绑定。这个原理允许 Vue.js 跟踪组件中的数据变化，并在需要时自动更新视图。拓展知识：Vue.js 使用响应式数据绑定来处理数据变化。当你在 Vue 实例中定义一个响应式数据项时，Vue 会创建一个与之关联的依赖追踪对象。