vue 组件一、组件的创建,两种方法。(本质上是1、2两种,vue文件,只是创建了一个  组件选项对象,仅是一个js对象)1、定义组件:Vue.component('button-counter',{})。这种方法创建的组件,只能使用在父组件中,无法使用在插件中。因为在不挂载组件时,无法获取到组件对象。  Vue.component('my-component',{            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-07 19:56:32
                            
                                32阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、简介Axios 是一个基于 promise 网络请求库,作用于node.js 和浏览器中。这是一个使用率很高的前端网络请求库,几乎所有的前端项目都会使用,本文主要介绍的是如何在vue项目中使用axios,并对其进行全面的封装。二、安装使用 npm:npm install axios使用 bower:bower install axios使用 cdn:<scr            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-04 14:01:29
                            
                                125阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            记录下学习过程。本人新手,边学边整理记录,所以代码可能写的不怎么优雅,函数名、变量名也有点乱,暂时不要在意这些细节。想要达到的效果:像element ui的message一样能全局this.$myMessage调用1、编写myLayer.vue定义了弹窗的布局和基本属性。放在src/components目录下。<template>    <div class="modal" v-            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-05 16:31:55
                            
                                1022阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、前言    之前的博客聊过 vue2.0和react的技术选型;聊过vue的axios封装和vuex使用。今天简单聊聊 vue 组件的封装。    vue 的ui框架现在是很多的,但是鉴于移动设备的复杂性,兼容性问题突出。像 Mint-UI 等说实话已经很不错了,但是坑也是不少,而且项目中很多功能仅凭这些也实现不了,这需要我们去封装自            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-30 14:12:30
                            
                                215阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前言上周跟大家分享了如何使用vue的自定义指令实现自定义浏览器右键菜单,大家都觉得挺有意思的,这次我把它做成了插件,上传到了npm仓库。在做这个插件的过程中,踩了蛮多坑,本文就跟大家分享下我的实现思路以及过程,欢迎各位感兴趣的开发者阅本文。环境搭建一开始我是直接用的typescript的tsc命令进行打包的,但是我的插件里用到了vue、scss,发现要把这些文件打包进去需要自己去配webpack。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-04-24 12:06:11
                            
                                306阅读
                            
                                                                             
                 
                
                             
         
            
            
            
                    我们项目中有很多需要用到树形组件的,以前写jq的时候用ztree,现在写vue,感觉找不到像ztree一样好用的树形组件,又不想在vue总用jq,所以打算自己封装一个tree组件,花了两个时间才搞完一些基本功能,不过已经可以正常使用了,效果如下:图标的问题大家可以自行用ztree的样式去修改加上上周的折叠式菜单,gitHub网址:h            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-07 08:43:57
                            
                                109阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、windows中搭建 esp-idf tool(可选),下载连接如下:https://dl.espressif.com/dl/esp-idf/?idf=4.4下载安装tools后进入vscode进行插件安装(未离线下载idf工具也可以通过第二步通过插件下载安装)1. vscode安装编译环境ESP-IDF 需要安装一些必备工具,才能围绕ESP32 构建固件,包括Python、Git、            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-28 08:25:38
                            
                                70阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            自制ESP-01远程继电器控制开关灯电路      前几天翻找出1个esp-01模块,家里有个卧室的灯是厨房改造的,电灯开关在外面,使用起来很不方便。于是打算利用这个模块做个可以在局域网控制的开关电路。因为是新手,从网上查找学习到利用业余时间制作用了一个星期。一 前期准备2 制作元器件准备Esp-01模块 1个5V光耦继电器模块模块(非光耦的也可以) 1个旧手机5V充            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-04 23:00:56
                            
                                12阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            弹出层提示信息,这是移动前端开发中最常见的需求,你可能会想到一些流行的弹框插件,比如 经典的artDialog 炫酷的Sweetalert等等.. 但是慢慢地你其实会发现通常情况下需求定制化要求较高,一般的弹框插件可能只满足大部分要求,自定义花的时间还不如手动自己封装一个符合自己开发习惯的弹框组件,            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-12-15 09:26:00
                            
                                79阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            实现原理:1.找到表格的奇偶行,然后添加不同的class,激活行高亮显示也很简单,只要判断mouseover事件,然后添加一个class,mouseout的时候,再移除        class就行;       2.不用class,直接改变background属性;        直接开干,这里用第二种方法。  第一步: 模板     jq有一个基本框架,直接搬过来呗   (funct            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-18 14:53:45
                            
                                90阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言 自从Vue2.0推荐大家使用 axios 开始,axios 被越来越多的人所了解。使用axios发起一个请求对大家来说是比较简单的事情            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-21 12:00:43
                            
                                58阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
               组件(component)是vue.js最强大的功能之一,它可以实现功能的复用,以及对其他逻辑的解耦。但经过一段时间的使用,我发现自己并没有在业务中发挥出组件的最大价值。相信很多刚开始使用vue的朋友都和我有相同的状况,在日常的开发中虽然也使用组件,但不知不觉就将组件当成了减少业务代码长度,展现代码结构的一种工具,并没有做到可复用,发挥组件的长处。   恰好,前几天有一个selec            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-14 23:10:07
                            
                                52阅读
                            
                                                                             
                 
                
                             
         
            
            
            
                    在即时聊天中经常会发送emoji表情,本次就以在git上一个现成的vue插件例子来给大家一步一步讲解如何用一个调试好的vue组件来制作插件,再上传到npm官网提供给大家下载使用。本次讲解主要目的是讲清楚vue插件的创建步骤,所以涉及到业务处理的地方会尽量简洁。参考git地址:https://github.com/DCzajkowski/vue-emoji-picker                   
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-04-12 13:54:04
                            
                                664阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue组件的定义● 组件(Component)是Vue.js最强大的功能之一● 组件可以扩展HTML元素,封装可重用代码● 在较高层面上,组件是自定义元素,Vue.js的编译器为他添加特殊功能● 有些情况下,组件也可以表现用 is 特性进行了扩展的原生的HTML元素● 所有的Vue组件同时也都是Vue实例,所以可以接受相同的选项对象(除了一些根级特有的选项),并提供相同的生命周期钩子vue组件的功            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-04 02:10:19
                            
                                72阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            关键词:SDK,VUE,单例模式,代码复用本文旨在分享一个前端 sdk 的开发方式。即使用 vue 直接开发1.项目背景需求描述:1.开发一个集团通用 SSO 单点登录页面,大致如下图:        2.开发一个对应 sdk,给接入方使用,页面效果和 web 保持一致。如下图:        SDK 需求: 提供调用方式给用户,可以传递参数,调用方法,直接生成登录弹框和背景半透明的蒙层在弹框成功            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-02 19:52:59
                            
                                139阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            
if( obj.dada){
for (var key in dada)            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-28 16:31:19
                            
                                62阅读