vue
关注
分享
扫一扫
文章平均质量分 55
无名之辈无名之辈
这个作者很懒，什么都没留下…
展开
-
手搓vue3组件_0,打包配置
这里我引入了自己打包的ui组件库,但是ui组件库中打包进入了自己的vue,那么在此时使用时,如果你引入的自己的组件中有slot,那么就会包这个问题,这个是由于vue版本冲突问题,原创 2023-08-14 01:14:16 · 784 阅读 · 0 评论 -
手搓vue3组件_1.封装一个button
生效,这里是给class传入了一个数组,如果你查看elementui的源码,会发现他们也是这样实现组件的type的切换,用过了才知道这个技巧是如此好用。这里的逻辑是点击左侧的item,赋值文字,但是这里的子组件没有定义click的处理事件,上面的button也是,可能会报这种错,这样没问题可以,但是有时会报错,click不是原生事件,这里我没有复现,淡然,你也可以在复习bug的时候想起这篇文章。注意这里的代码还有很多没有优化,颜色获取,其他自定义type之类的都没有处理,关于更多的细节优化,详见。原创 2023-08-08 23:30:27 · 486 阅读 · 0 评论 -
fragment
关于这个东西,在使用elementui plus中的图片预览组件就有用到,真的好用,而elementui是使用其他方式实现这种方式的。teleport是一种能够将我们组件html结构移动到指定位置的技术。可以发现他的份层级是在。原创 2023-07-26 00:15:19 · 155 阅读 · 0 评论 -
响应式数据的判断
检查一个值是否为一个ref对象。检查一个对象是否是由。原创 2023-07-26 00:11:41 · 222 阅读 · 0 评论 -
响应式数据的判断
检查一个值是否为一个ref对象。检查一个对象是否是由。原创 2023-07-12 00:53:00 · 225 阅读 · 0 评论 -
vue3中的provide
- 作用:实现祖孙件通信 - 套路:父组件有一个provide选项来提供数据,子组件有一个inject选项来开始使用这些数据原创 2023-07-12 00:51:42 · 605 阅读 · 0 评论 -
自定义hook函数
什么是hook? 本质上是一个函数,把setup函数中的Composition Api进行了封装原创 2023-07-12 00:49:27 · 187 阅读 · 0 评论 -
vue3的customRef
#### customRef - 作用:实现一个自定义的ref,并对其依赖项跟踪和更新触发进行显示控制原创 2023-07-12 00:47:38 · 450 阅读 · 0 评论 -
vue的打包优化方案
vue3的打包优化方案,打包后太大了我受不了原创 2023-06-12 23:15:05 · 167 阅读 · 0 评论 -
vue3对比vue2
vue3学习笔记,其中对比了vue2,记下两者的不同与使用的注意事项原创 2023-06-12 23:59:56 · 2120 阅读 · 3 评论 -
VueSummary_note
Vue的基本结构:Vue中的插值:Vue中的事件修饰符:Vue双向绑定机制:Vue中为元素添加样式:Vue中的动画:Vue中的循环:Vue中的key的作用及其意义:Vue中v-fi和v-show:Vue中的过滤器:Vue中的键盘修饰符:Vue中的指令:Vue中的生命周期:Vue使用vue-resource发送请求:Vue中的组件:Vue的基本结构:<!DOCTYPE html><html lang="en"><head> &原创 2021-04-20 11:35:33 · 641 阅读 · 0 评论 -
Vue执行动画(transition)
Vue中的动画机制: 参考Vue中的动画可以认为是有生命周期的:下面前四个事件是元素进入中到完成进入后四个是元素离开时到完全离开<transition v-on:before-enter="beforeEnter" v-on:enter="enter" v-on:after-enter="afterEnter" v-on:enter-cancelled="enterCancelled"原创 2021-03-18 17:23:45 · 900 阅读 · 0 评论 -
vue_过滤器_note
vue中过滤器的作用:将常见的字符串格式化 and soon(英语好像用错了)过滤器有全局过滤器和私有过滤器(仅作用在当前的vue实例)使用:1.在vue实例外面中定义你的过滤器(此时是全局过滤器),如:<script> <!-- 全局过滤器进行时间格式化--> Vue.filter('dateFormat', function (dateStr) { //根据给定的时间字符串,得到特定的时间 var dt = ne原创 2021-03-12 17:40:54 · 149 阅读 · 0 评论