前端小云儿
活到老学到老
展开
-
onUnmounted和tryonUnmounted区别,别以后傻傻的只知道onUnmounted
如果在执行回调函数时发生错误,它会捕获这些错误并进行处理,例如打印错误信息或发送错误报告。这使得开发者可以在组件卸载时安全地执行清理操作,避免潜在的内存泄漏或其他资源管理问题。函数在组件卸载时尝试执行传入的回调函数。原创 2025-05-12 12:02:16 · 14 阅读 · 0 评论 -
vue3+vite+pinia+pinia-plugin-persistedstate持久化存储!!!pinia-plugin-persist 插件(持久化报错无效!!!感)
上面这一句defineStore报错重载有问题;因此使用2 可能和vue版本用关系吧。原创 2024-09-26 18:26:56 · 1537 阅读 · 0 评论 -
Vue3: 一文搞懂 v-model:父子组件传值超实用
- 父组件 --><template>Vue 有一些内置的修饰符,比如 .trim、.lazy 和.number。在某些场景下,我们可以使用自定义修饰符。我们在组件上的v-model中使用修饰符时,父组件会向子组件传递一个props:modelModifiers,这个属性名也是固定的,这个属性是一个对象,我们可以在这个对象中访问到这个修饰符。这个props默认是一个空对象。比如下面的栗子中,modelModifiers的值是。原创 2024-09-24 17:44:26 · 1149 阅读 · 0 评论 -
vue3自定义指令,全局注册
按钮权限。原创 2024-09-19 09:27:08 · 316 阅读 · 0 评论 -
路由跳转登录权限判断/vue3
【代码】路由跳转登录权限判断/vue3。原创 2024-09-18 16:28:45 · 798 阅读 · 0 评论 -
使用 lodash封装 防抖韩式vue3和vue2使用方法;自定义防抖节流
【代码】使用 lodash封装 防抖韩式vue3和vue2使用方法;自定义防抖节流。原创 2024-09-14 10:11:57 · 255 阅读 · 0 评论 -
Vue3 封装el-tree-select选择树组件
【代码】Vue3 封装el-tree-select选择树组件。原创 2024-09-14 10:06:30 · 476 阅读 · 0 评论 -
Vue3创建项目添加依赖
【代码】Vue3创建项目添加依赖。原创 2024-09-14 09:53:56 · 220 阅读 · 0 评论 -
vue3+elementplus实现下拉全选+多选功能
【代码】vue3+elementplus实现下拉全选+多选功能。原创 2024-09-13 18:19:27 · 648 阅读 · 0 评论 -
vue2+element:实现下拉全选+多选功能vue2
【代码】vue2+element:实现下拉全选+多选功能vue2。原创 2024-09-13 18:18:29 · 207 阅读 · 0 评论 -
vue3中hooks使用一
2 在建一个index.ts 引入1 文件(可以引入更多)1新建一个ts文件 sum1.ts。原创 2024-09-10 11:28:02 · 144 阅读 · 0 评论 -
vue3中pinia详细用法,三种方法修改数据;storeToRefs,subscribe
【代码】vue3中pinia详细用法,三种方法修改数据;原创 2024-06-14 16:39:33 · 998 阅读 · 0 评论 -
vue3中hooks详细用法
【代码】vue3中hooks详细用法。原创 2024-06-14 14:37:57 · 308 阅读 · 0 评论 -
vue3中Props详细用法
【代码】vue3中Props详细用法。原创 2024-06-14 14:11:46 · 236 阅读 · 0 评论 -
vue3中watchEffect详细用法
template>// 数据// 监视 -- watchEffect实现,一上来就会执行,监听的是所有定义的响应式数据console.log("给服务器发请求");});</script>原创 2024-06-14 14:07:42 · 283 阅读 · 0 评论 -
vue3中watch详细用法
点我sum+1原创 2024-06-14 14:00:29 · 211 阅读 · 0 评论 -
vue3中computed详细用法
【代码】vue3中computed详细用法。原创 2024-06-14 10:41:50 · 139 阅读 · 0 评论 -
vue3-elementPlus注册全局组件,注册全局图标组件
【代码】vue3-elementPlus注册全局组件,注册全局图标组件。原创 2024-06-14 10:29:40 · 685 阅读 · 0 评论 -
vue3 修改element-plus主题颜色(官方版)
这种方式只能自定义一种引入,不能点击切换,上面的css版可以点击切换多个。原创 2024-06-13 10:48:15 · 1136 阅读 · 0 评论 -
vue3 修改element-plus主题颜色(css版)
上面的是js修改。原创 2024-06-13 10:41:53 · 1179 阅读 · 0 评论 -
javascript 深拷贝的三种方法
【代码】javascript 深拷贝的三种方法。原创 2024-03-26 13:44:29 · 103 阅读 · 0 评论 -
vue3+ts 父子组件传值(默认值),子传父
【代码】vue3+ts 父子组件传值(默认值),子传父。原创 2024-03-22 16:00:30 · 699 阅读 · 0 评论 -
vue app全局api转移到应用对象
可以传值。原创 2024-03-19 23:05:58 · 78 阅读 · 0 评论 -
vue3 使用Suspense,实验性功能
1 子组件使用的await 可以直接写异步请求 顶层的setup是有async生命的。2 父组件不加Suspense 数据出不来,因为异步请求不到数据。3 需要加Suspense包裹 内部是一个slot插槽。原创 2024-03-19 22:48:33 · 138 阅读 · 0 评论 -
vue3 teleport传送门使用
使用teleport传送门 可以把节点传送到任意dom节点处。写一个谈框 定位为整个浏览器视图窗口。加了滤镜 右边的布局就乱了。原创 2024-03-19 22:24:05 · 151 阅读 · 0 评论 -
vue3 自定义ref创建,使用customRef,输入防抖
自定义响应式数据,可以做延迟。原创 2024-03-19 22:12:12 · 731 阅读 · 0 评论 -
vue3 toRaw和markRaw使用原理教程
应用场景,mock数据,data获取的table数据列表。不需要改变 也不允许改变。原创 2024-03-19 17:36:03 · 461 阅读 · 0 评论 -
vue3 readonly和shallowReadonly 应用
只保证第一层次不能被修改 深层次的数据依旧会被修改下面的age是可以修改的id: '1',data:{age:12})原创 2024-03-19 17:15:18 · 89 阅读 · 0 评论 -
vue3 响应式数据shallowRef,shallowReactive
1.创建一个响应式代理,它跟踪其自身property的响应性,但不执行嵌套对象的深层响应式转换 (暴露原始值)2.相对于reactive只有最外层的属性是响应的只能修改下面的brand 和options第一层。原创 2024-03-19 16:58:51 · 211 阅读 · 0 评论 -
vue3 事件对象和自定义事件实现传值
子组件原创 2024-03-19 14:12:41 · 394 阅读 · 0 评论 -
pinia选项式api和组合式写法(5)
【代码】pinia选项式api和组合式写法(5)原创 2024-03-19 13:46:43 · 460 阅读 · 0 评论 -
pinia的subscribe方法应用,监听state数据变化(4)
/定义小仓库import {//第一个小仓库//存储数据return {person:{age:18,id:1},actions: {},})原创 2024-03-18 23:20:36 · 1066 阅读 · 0 评论 -
pinia数据解构写法的两种写法storeToRefs(3)
2 使用 storeToRefs,只会把state中的数据变成响应式,这样会把它里面的所有数据,方法 都变成响应式,代价比较大。1 pinia数据结构写法 使用toRefs。原创 2024-03-18 22:36:40 · 657 阅读 · 0 评论 -
vue3,vue3 实现前端下载 xlsx;file-saver
主要是将el-table的数据或者数组其他形式的数据下载为excel文件。原创 2024-03-18 17:13:52 · 806 阅读 · 0 评论 -
vue3 路由的用法
import {import {history: createWebHashHistory(),//1定义路由模式//2 添加滚动行为,切换页面 滚动到顶部位置return {left: 0,top: 0})原创 2024-03-16 12:48:10 · 119 阅读 · 0 评论 -
vue3 hooks应用
【代码】vue3 hooks应用。原创 2024-03-16 10:29:40 · 185 阅读 · 0 评论 -
vue3 标签的ref属性 获取值,修改样式
【代码】vue3 标签的ref属性 获取值,修改样式。原创 2024-03-14 14:43:06 · 1614 阅读 · 0 评论 -
vue3 watchEffect全自动监听,会立即执行
【代码】vue3 watchEffect全自动监听,会立即执行。原创 2024-03-14 14:31:56 · 236 阅读 · 0 评论 -
vue3 watch的五种详细用法
watch 监听ref定义的【对象类型】数据</div><h3></h3><div>姓名:{{ person.name }}</div><div>年龄:{{ person.age }}</div><div><el-button @click="clickname">点击修改name</el-button></div><div><el-button @click="clickage">点击修改age</el-button>原创 2024-03-14 14:20:15 · 624 阅读 · 0 评论 -
vue3 computed计算属性,也是一个响应式ref数据
【代码】vue3 computed计算属性,也是一个响应式ref数据。原创 2024-03-14 10:37:45 · 439 阅读 · 0 评论