随笔分类 -  Vue

Tab切换以及倒计时组件封装
摘要：### 1、Tab组件 ![](https://img2023.cnblogs.com/blog/1103967/202306/1103967-20230608203245862-2093631029.gif) **功能** - 支持默认选中tab - 子元素可以是文本或者图片 - 自定义tab的数 阅读全文
posted @ 2023-06-19 11:01 Peerless1029 阅读(71) 评论(0) 推荐(0) 编辑
Vue自定义指令-让你的业务开发更简单
摘要：## 1、使用场景 在日常开发中，我们会将重复代码抽象为一个函数或者组件，然后在需要时调用或者引入。但是，对于某些功能，这种方法可能不够优雅或者不够灵活。例如，我们可能需要在DOM元素上添加一些自定义属性或者绑定一些事件，这些操作可能难以通过函数或组件来实现。这时，[自定义指令](https://v 阅读全文
posted @ 2023-06-06 11:09 Peerless1029 阅读(509) 评论(1) 推荐(2) 编辑
页面体验优化-图片预览以及上传显示进度
摘要：在平时项目开发中，我们经常会对文件做一些上传操作，不仅仅要实现基本需求，也要兼顾用户体验，根据自己在工作中遇到的问题谈谈对图片上传的预览以及上传进度的优化。 1.搭建项目 基于Vue.js+axios搭建的项目，新建一个Index.Vue项目如下，基本结构可以先可以选择文件，预览文件。 input的 阅读全文
posted @ 2019-10-28 08:17 Peerless1029 阅读(561) 评论(0) 推荐(0) 编辑
Vuex的初探与实战
摘要：1.背景 最近在做一个单页面的管理后台项目，为了提高开发效率，使用了Vue框架来开发。为了使各个部分的功能，独立结构更加清晰，于是就拆分了很多组件，但是组件与组件之间数据共享成了一个问题，父子组件实现起来相对简单，prop，$emit，$on就能搞定。除此之外，有很多兄弟组件和跨多级组件，实现起来过 阅读全文
posted @ 2018-11-26 08:01 Peerless1029 阅读(1070) 评论(0) 推荐(0) 编辑
Vue.js组件间通信方式总结
摘要：平时在使用Vue框架的业务开发中，组件不仅仅要把模板的内容进行复用，更重要的是组件之间要进行通信。组件之间通信分为三种：父-子；子-父；跨级组件通信。下面，就组件间如何通信做一些总结。 1.父组件到子组件通过props通信 在组件中，使用选项props来声明需要从父级组件接受的数据，props的值可 阅读全文
posted @ 2018-11-23 08:06 Peerless1029 阅读(3167) 评论(0) 推荐(2) 编辑

点击右上角即可分享
微信分享提示