Vue
文章平均质量分 83
壹一一
这个作者很懒,什么都没留下…
展开
-
vue登录验证和权限管理
在项目中,我们需要进行登录验证,已登录的用户不能再跳转到登录页面,未登录的用户需要先进行登录,在vue中通过路由守卫实现。:不需要权限控制的路由,也就是大家都可以访问的路由,比如登录页,首页、404等错误页,在初始化时先挂载这些路由。:不同的身份有的有这个路由、有的没有,需要做权限控制的路由。在后台项目中,不同身份的用户拥有不同的权限,超级管理员拥有所有页面的访问权限,普通用户只拥有一部分权限。不同角色拥有的按钮权限也不同,获取到后端返回的按钮名称进行判断。通过自定义指令进行按钮权限的判断。原创 2024-08-24 18:03:25 · 419 阅读 · 0 评论 -
vuex模块化式开发
在home小仓库中使用封装的reqCategoryList接口请求数据,result.data即为请求到的数据,再传给categoryList。并不是全部的项目都需要Vuex,如果项目很大,组件很多,数据很多,数据维护费劲,就可以使用Vuex。vuex是官方提供的一个插件,状态管理库,集中式管理项目中组件共用的数据。在store文件夹下的index.js文件中,引入另外的小仓库。在src文件夹下创建api文件夹,用于存放接口相关的内容。创建index.js文件夹,对所有的API接口统一管理。原创 2024-01-10 18:15:39 · 382 阅读 · 0 评论 -
vue3组件通信
首先给子组件绑定自定义事件(send-toy),在子组件中声明事件,当子组件触发该自定义事件时,就会调用回调函数(saveToy)。用于在setup中注册自定义事件父组件< template > < div class = " father " > < h3 > 父组件 < h4 v-show = " toy " > 子传递过来的玩具:{{ toy }}原创 2024-03-11 17:04:09 · 1022 阅读 · 0 评论 -
【Vue学习】
一、定义语法:(1).局部指令:directives:{指令名:配置对象} 或 directives{指令名:回调函数}(2).全局指令:Vue.directive(指令名,配置对象) 或 Vue.directive(指令名,回调函数)二、配置对象中常用的3个回调:(1).bind:指令与元素成功绑定时调用。(2).inserted:指令所在元素被插入页面时调用。(3).update:指令所在模板结构被重新解析时调用。三、备注:1.指令定义时不加v-,但使用时要加v-;原创 2023-11-03 16:28:11 · 60 阅读 · 1 评论