vuex
小脚裤了都
这个作者很懒,什么都没留下…
展开
-
active-class 属于哪个组件中的属性?该如何使用?(vue中的一些知识点)
vue的组件封装…原创 2021-11-10 03:05:35 · 1510 阅读 · 0 评论 -
Vue 组件如何进行传值的?(总结Vue的一些知识点)
在Vue中的组件传值分为3种:父传子、子传父、和兄弟之间传值;第一种父传子:主要是通过子组件上定义props接收来实现具体实现步骤是:1. 父组件引入子组件并注册,在子组件标签上添加要传递的属性2. 在子组件上定义一个props对象,定义好接收的属性名,接收有两种形式一是通过数组形式,要接收的属性[],接收过来的数据可以直接使用,二是通过对象的形式来接收{},对象形式可以设置要传递的数据类型和默认值。第二种子传父:主要是通过 $emit来实现具体步骤是:1..原创 2021-11-05 22:31:45 · 330 阅读 · 0 评论 -
RBAC权限管理(不同用户角色进入到系统能访问的页面不同)
RBAC权限控制(效果图在底部)为了达成不同的帐号登陆系统后能看到不同的页面,能执行不同的功能的目标,我们有很多种解决方案,RBAC(Role-Based Access control)权限模型 ,也就是基于角色的权限分配解决方案。三个关键点:用户: 就是使用系统的人(员工)权限点:这个系统中有多少个功能(例始:有3个页面,每个页面上的有不同的操作)角色:不同的权限点的集合通过给不同用户分配不同的角色,实现页面级别的权限管理 。实现步骤1.首先我们将路由分为动态路由和静态路由动态路由:指原创 2021-10-27 22:16:41 · 4182 阅读 · 0 评论 -
VUE $route和$router的区别
1.router为VueRouter的实例,相当于一个全局的路由器对象,里面含有很多属性和子对象,例如history对象。经常用的跳转链接就可this.$router.push,和router-link跳转一样this.router.push会往history栈中添加一个新的记录2.router.push会往history栈中添加一个新的记录2.router.push会往history栈中添加一个新的记录2.route是一个跳转的路由对象,每一个路由都会有一个$route对象,是一个局部的对象,可以获原创 2021-10-17 01:08:14 · 85 阅读 · 0 评论 -
Vuex actions的使用
actionsaction中可以通过调用 mutation来修改state,而不是直接变更状态。action 可以包含任意异步(例如ajax请求)操作。它的第一个属性是context 相当于new Vuex.store得到的实例 可以调用mutations的commit方法来修改state里的数据 context.commit举例 :发送ajax请求并把得到的数据保存到state里面定义在app.vue里面调用$store.dispatch(actions的名字)这样就把请求过来的原创 2021-09-29 00:50:43 · 311 阅读 · 0 评论 -
Vuex getters的使用
gettersgetters类似于computde计算属性 在state中的数据的基础上,进一步对数据进行加工得到新数据例如 计算总和:定义:调用求和:在modules中定义:引入注册:使用获取getters: {{$store.getters[‘模块名/getters名’]}}...原创 2021-09-28 23:46:06 · 111 阅读 · 0 评论 -
Vuex mutations 的使用
mutationsmutations:我们可以通过调用mutations来修改定义在state中的公共数据分两个格式: 注册的格式,调用的格式定义 语法:第一个参数是必须的,表示当前的state。在使用时不需要传入第二个参数是可选的,表示载荷,是可选的。在使用时要传入的数据使用:this.$store.commit(‘mutation名’, 实参,给第二个参数)代码示例:定义:使用:在模块里面:定义:引入 注册使用:...原创 2021-09-28 22:31:10 · 92 阅读 · 0 评论 -
Vuex 五大属性的用法,以及actions和mutations和state的关系图
原创 2021-09-28 20:06:47 · 121 阅读 · 1 评论