vue3
文章平均质量分 78
vue3相关知识
前端小白在前进
一名学习前端的大学生,阿里云社区专家博主,全栈领域优质创作者,22年度博客之星前端TOP7,致力于提高前端开发能力,现在是研0
展开
-
vue3+elementuiplus实现分页功能
在实际开发中,项目会遇到使用分页的情况,分页可以使从后端获取的数据进行部分性展示,从而大大提高了获取数据的效率、同时给使用者带来视觉上的舒适。实现逻辑小结实现分页非常简单,主要是获取当前页的页数,从而将页数与后端的接口相对应,从而获取数据,数据总量也需要从后端的接口中获得!......原创 2022-06-19 19:07:11 · 4938 阅读 · 11 评论 -
一文教会你vue3中的watch和watchEffect
vue3中wacth和watcheffectwatch基本介绍watch使用场景1. 监听ref定义的一个响应式数据2.监听ref定义的多个响应式数据3.监听reactive定义的一个响应式数据(注意:此处无法正确的获得oldValue)4.监听reactive定义的一个响应式数据(注意:强制开启了深度监听[关不掉])5.监听reactive定义的一个响应式数据中的某个属性6.监听reactive定义的一个响应式数据中的某些属性7.监听reactive定义的一个响应式数据中的引用数据(需要自己开启deep)原创 2022-05-14 16:04:46 · 3332 阅读 · 27 评论 -
vue中使用async和await(一文教会你)
vue中使用异步async和await引言async和await定义使用场景实战场景小结引言在我们进行实际开发中会遇到异步请求的问题,这时候我们的异步请求的存在就非常的具备合理性了!接下来将会讲述异步编程终级解决方案async/await。async和await定义async 是异步的意思,而 await 是等待的意思,await 用于等待一个异步任务执行完成的结果。1.async/await 是一种编写异步代码的新方法(以前是采用回调和 promise)。2. async/await 是原创 2022-05-09 10:24:48 · 37915 阅读 · 24 评论 -
vue3中使用路由守卫(简单易懂哦)
vue3中使用路由守卫使用场景beforeEach (全局前置守卫)beforeEnter (路由独享守卫)beforeRouteEnter (组件内部守卫)使用场景我们在进行项目的实际开发中,可能会遇到一个问题:“如果我们没有登录的时候一些页面不能被访问该怎么去处理?”,这时候就需要我们的路由守卫了,路由守卫常用的有三种,全部在下方详细解释啦!beforeEach (全局前置守卫)全局前置守卫是配置在全局的路由js文件中话不多说,直接上代码:router.beforeEach((to,fr原创 2022-05-07 10:01:55 · 11266 阅读 · 15 评论 -
vue3常见组件通信(轻松上手)
vue3中常见的两种组件通信(setup语法糖版本)组件通信1.props(父传子)2.emit(子传父)组件通信前言这两天在写项目的时候涉及到一个评论回复的功能,如果我们把这个功能只用一个组件写的话这也太麻烦了,于是想到了采取多个组件化,创建父组件,创建子组件,让他们之间联系起来,便于开发这个功能,但是对vue3中的组件通信遗忘太多,便又学习了一遍,写下了以下心得!1.props(父传子)prop 是子组件用来接受父组件传递过来的数据的一个自定义属性。父组件的数据需要通过 props 把数据传原创 2022-04-30 21:00:33 · 833 阅读 · 20 评论