- 博客(11)
- 收藏
- 关注
RSS订阅原创 Vue3组件之间传值props、$emit基础介绍
一个组件需要显式声明它所接受的 props。在使用<注意传递给 defineProps() 的参数和提供给 props 选项的值是相同的，两种声明方式背后其实使用的都是 prop 选项。
2023-12-27 10:09:18
604
1
原创 Vue3依赖注入详解(祖孙组件传值)，provide 和 inject函数
想象一下这样的结构：有一些多层级嵌套的组件，形成了一颗巨大的组件树，而某个深层的子组件需要一个较远的祖先组件中的部分数据。一个组件可以多次调用 provide()，使用不同的注入名，注入不同的依赖值。如果提供的值是一个 ref，注入进来的会是该 ref 对象，而不会自动解包为其内部的值。将接收方修改的数据放到状态管理工具里，由提供方从里面提取数据做数据更新的操作，这样两个组件的数据就同步起来了。最后，如果你想确保提供的数据不能被注入方的组件更改，你可以使用 readonly() 来包装提供的值。
2023-12-26 09:22:09
946
原创 详解Vue3中的计算属性computed使用方法
若我们将同样的函数定义为一个方法而不是计算属性，两种方式在结果上确实是完全相同的，然而，不同之处在于计算属性值会基于其响应式依赖被缓存。想象一下我们有一个非常耗性能的计算属性 list，需要循环一个巨大的数组并做许多计算逻辑，并且可能也有其他计算属性依赖于 list。Vue 的计算属性会自动追踪响应式依赖。它会检测到 publishedBooksMessage 依赖于 list.books，所以当 list.books 改变时，任何依赖于 publishedBooksMessage 的绑定都会同时更新。
2023-12-25 14:58:58
705
1
原创 Cookie的使用(最常见的是储存登录的token)
在实际开发中，当我们登录成功的时候后端会给我们返回一个token令牌，我们需要将这个token做持久化处理，一般会有两种处理方式，一种是存到本地缓存中，一种是存到Cookie里。//这里需要调用你封装的登录方法 我就模拟一下 一般情况下不会在这里直接储存token 会在vuex中 写登录方法并且储存token。本地缓存：不主动清空会一直存在(浏览器关掉缓存中依然存在数据)，且可以跨域访问。Cookie：浏览器关闭会自动清空缓存内容。//这里引入你实际封装的文件路径。//成功之后路由跳转。
2023-12-21 09:38:53
532
1
原创 基于axios封装请求(get post put delete)
前面一篇文章中封装了请求拦截器和响应器，这一章主要是讲述了实际工作中常用的4种请求。
2023-12-20 09:08:32
622
1
原创 前端封装permission文件(路由前置守卫 后置守卫)
在实际开发中要对登录人的权限做限制，使其访问当前用户下的权限路由。下面是两个引入的pinia文件（就是vue2中的vuex）
2023-12-19 09:09:33
566
1
原创 前端封装request文件（请求拦截器，响应拦截器）
其中ElMessage提示消息是引入了element ui框架。引入的errorCode 文件代码如下。代码如下，里面都有备注。
2023-12-18 09:38:22
375
1
原创 用crypto-js三方库实现加密和解密
约定好唯一密钥key 用这个key加密就必须用这个key解密。代码示例：在vue文件中导入js文件。首先新建一个js文件，然后导出。
2023-12-12 14:42:38
149
原创 关于在执行yarn install 安装的时候，出现的node版本过高报错问题
当前vue脚手架创建的vue3项目，不支持20版本的node，需要降级到8 || 10 || 12 || 14 || 16 || 17其中的一个版本。windows系统下载nvm-setup.zip安装包。4.再次执行yarn -i,代码执行成功。具体如何操作安装请移步以下链接。执行yarn命令解决。
2023-11-14 10:06:06
450
原创 基于element table合并示例代码
这两个函数身上一个筛选出来userId相同得数据一个筛选出来同时满足userId和postName得数据，如果其他业务也有需求请自行加判断满足得条件。项目需求：将相同得数据合并，相同得数据有且唯一标识符。
2023-11-13 21:45:54
160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人