vue封装专栏
文章平均质量分 79
分享常见的vue封装方向的代码,以及vue架构方面的知识
Dormiveglia-flx
我陪你走的路,你不能忘~
因为那是我,最快乐的时光
展开
-
【今日文章】:1.关于 $attr $lisenner $slot 用法的思考 2. 关于父子组件传值的思考 3.关于前端日志系统搭建的思考
/ 3. 子组件触发update:data,修改值并将值传递给父组件。至于存储数据就不详细描述了,劫持console和http请求即可。关于存储到浏览器本地,可以使用IndexedDB,这里推荐。//2.子组件复制父组件传来的值。定义:父组件传给子组件的数据。'我是来自父组件的数据'复制一份到data中。原创 2023-10-20 11:29:59 · 387 阅读 · 0 评论 -
vue之封装tab类组件
JS方面代码已资源绑定原创 2023-09-14 23:11:32 · 336 阅读 · 0 评论 -
vue之封装预约类组件
【代码】vue之封装预约类组件。原创 2023-09-13 17:06:56 · 516 阅读 · 0 评论 -
vue - 大文件分片上传之simple-uploader.js的使用
关于单个文件上传:其实就是前端中的文件通过http传到后端后端再写入服务器的过程那单个大文件分片上传:其实就是秒传断点续传秒传:其实就是,再次传的时候就不重新上传了,前端直接显示上传成功断点续传:其实就是文件传了一部分,剩下的还没传。这个时候根据上传的偏移量offset,把剩下的上传到服务器。原创 2023-05-24 09:50:50 · 2092 阅读 · 1 评论 -
promise缓存与缓存思想的总结
问题来源:有一个子组件,mounted里面有一次网络请求。一个父页面使用50次这个子组件,那这个请求会发50次。我们实际需求是让它发一次就行。,并提供一个访问它的全局访问点。原创 2023-05-16 10:57:32 · 270 阅读 · 0 评论 -
Vue项目中关于全局css的处理
/ 关于声明全局的CSS:1 我们可以直接定义我们需要的。比如margin-top:10px2 我们可以引用第三方定义好的样式(element-ui或者elementPlus)例如:// 1.我们自己对margin的定义// 2. 引用第三方的CSS。原创 2023-04-14 13:58:00 · 4072 阅读 · 1 评论 -
Vue3---手写Tree组件
1 添加myOptions ,使之双向绑定,绑定的数据来自prop.options传来的数据,不直接用prop.options传来数据的原因是因为要加isOpen,防止原数据遭到污染。但是问题是现在的数据有的item会有4层的children,有的item会有10层的children,,但是我们不能准确的知道需要使用多少个v-for。重点:通过isOpen属性的true,false,来使组件是否v-show隐藏显示。关于使用v-for 和 递归时候,数据是怎么渲染出来的分析。,这个时候,我们可以考虑。原创 2023-04-04 17:41:58 · 1387 阅读 · 0 评论 -
vue组件通讯等问题
watch第一次是不会监听值的变化的,只有在值变化时才会触发。如果想一上来就监听,使用immediate: true。注: this.$emit(‘update:msg’,‘child value’) 中的msg要以。子组件刷新的速度,快于父组件传值的速度。一般常用于调用子组件的方法,给子组件传值。的值,来达到子组件修改父组件值的目的。原创 2023-03-18 21:55:47 · 951 阅读 · 0 评论 -
vue之render函数
子虚拟节点 (VNodes),由 createElement() 构建而成,也可以使用字符串来生成“文本虚拟节点”。一个包含模板相关属性的数据对象(class、点击事件onclick等),你可以在 template 中使用这些特性。这个参数可以是一个 HTML 标签字符串(‘div’,或者‘span’等等)或者一个组件(等等),或者一个函数(Function)。类型:String | Object | Function。createElement 函数的3个参数。render函数的第一个参数。原创 2023-02-09 21:11:16 · 192 阅读 · 0 评论 -
vue封装之六个非常实用的Vue自定义指令
一 v-copy二 v-longpress三 v-debounce四 v-permission五 v-waterMarker六 v-loadMore。vue封装之六个非常实用的Vue自定义指令原创 2022-12-17 19:54:28 · 3005 阅读 · 0 评论 -
vue封装背景知识小插曲之插槽slot的用法
vue----插槽slot的用法原创 2022-12-17 11:18:02 · 344 阅读 · 0 评论 -
vue封装背景知识小插曲之Props用法总结
Props用法总结原创 2022-12-17 10:09:28 · 523 阅读 · 0 评论 -
vue集成animate.css
值为布尔值true/false,表示是否在。/* 类名要对应回 name 的属性值 */介绍animate.css 常用的几种分类。,表示执行动画的名字,不加默认为v。标签包裹要加动画的元素。/* 进入动画 *//* 离开动画 */原创 2023-05-04 17:29:55 · 609 阅读 · 0 评论