- 博客(8)
- 收藏
- 关注
原创 根据用户身份显示不同的路由导航
通过以下步骤实现根据用户身份显示不同的路由导航:定义路由,并使用meta字段标记权限要求。使用 Pinia 或 Vuex 管理用户状态。使用路由守卫检查用户权限。动态渲染导航菜单,根据用户身份显示不同的导航项。实现登录和登出逻辑,更新用户状态。这种方式可以灵活地控制路由访问权限,并提供良好的用户体验。
2025-02-19 15:05:33
295
原创 Vue3知识点复习
作用域插槽 插槽标签中,类似于v-bind的使用,我们把stus数组以student的名字传给父组件:在父组件中使用template标签才可以成功接收,并且,接受的所有数据都放在scope中,取名为data。optionsAPT,即以vue为后缀的文件,通过定义methods,computed,watch,data等属性和方法,共同处理页面逻辑。Setup是vue3中引入的一个新的组件选项,setup函数在组件实例创建之前执行,用于初始化组件的状态,计算属性,方法,生命周期钩子等。
2025-02-19 14:11:17
601
原创 computed和watch区别
2. computed 具有缓存性,computed的值在getter执行后是会缓存的,只有在它依赖的属性值改变之 后,下一次获取computed的值时才会重新调用对应的getter来计算。1. 更多的是「观察」的作用,类似于某些数据的监听回调,用于观察 props $emit 或者本组件的值,当 数据变化时来执行回调进行后续操作。2. 如果你需要在某个数据变化时做一些事情,使用watch来观察这个数据变化。1. computed 是计算属性,也就是计算值,它更多用于计算值的场景。3.watch支持异步。
2024-05-15 20:31:53
239
原创 面试题:如何理解js的异步
具体做法是当某些任务发生时,比如计数器、网络、事件监听,主线程将任务交给其他线程去处理,自身立即结束任务的执行,转而执行后续代码。当其他线程完成时,将事先传递的回调函数包装成任务,加入到消息队列的末尾排队,等待主线程调度执行。如果使用同步的方式,极有可能导致主线程产生阻塞,从而导致消息队列中有很多其他任务无法执行。这样一来,一方面会导致繁忙的主线程白白耗费时间,另一方面导致页面无法及时更新,给用户造成卡死现象。JS是一门单线程语言,这是因为它运行在浏览器的渲染主线程中,而渲染主线程只有一个。
2024-04-25 20:06:07
119
1
原创 siblings()
siblings() 方法返回被选元素的所有同级元素。同级元素是共享相同父元素的元素。如果没有符合条件的元素,则返回空的jQuery对象。主要作用就是除了自己外的其他同胞元素设置样式或者其他事件。
2024-04-10 17:24:26
341
1
原创 动态绑定img
今天在vue的开发中, i动态绑定mg的src属性绑定url变量,然而图片加载失败。如果require报错,可以看这篇文章解决。看着并没有问题,但是并没有显示出图片。经过一番查找后,了解到,
2024-04-02 20:24:10
328
1
原创 SPA单页面应用
spa是一种网络应用程序,它通过动态重写当前页面来与用户交互。这种方法避免了页面之间切换打断用户体验。在单页应用中,所有必要的代码(HTMLJavaScript和CSS)都通过单个页面的加载而检索,或者根据需要(通常是为响应用户操作)动态装载适当的资源并添加到页面页面在任何时间点都不会重新加载,也不会将控制转移到其他页面。我们熟知的JS框架如reactvueangularember都属于SPA。
2024-03-31 21:38:51
195
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人