157浏览

0评论

vue实现图片滑动验证功能

图片滑动验证，是目前比较常见的验证方式，主要目的是防止用户利用机器人自动注册、登录、灌水。目前vue技术日趋成熟，已经有专门针对图片滑动验证功能的插件了。具体使用方式如...

• 2022-12-31

45浏览

0评论

vue3实现手机上可拖拽元素的组件

前言：用vue3实现一个可在手机上拖拽元素的组件，可拖拽至任意位置，并且可以防止拖拽元素移出屏幕边缘。<script setup>import { ref } from "vue";const props = defineProps({...

• 2022-12-31

57浏览

0评论

详解vue3中如何使用youtube-player

目录正文开始使用做成组件youtubePlayer使用方式注意事项常用参数常用API正文youtube-player 是 YouTube IFrame Player API (YIPA) 的封装。可以在自己网站上播放YouTube视...

• 2022-12-31

47浏览

0评论

使用vue-cli初始化项目时运行‘npm run dev’报错及解决

目录vue-cli初始化项目时运行&lsquo;npm run dev&rsquo;报错vue-cli初始化项目时运行&lsquo;npm run dev&rsquo;报错npm run dev无法启动0 info it worked if it ends with...

• 2022-12-31

42浏览

0评论

Vue中.env、.env.development及.env.production文件说明

目录0.介绍2.命名规则3.关于文件的加载：4.关于使用4.1 在.vue文件中使用4.2 在.js文件中 5.自定义环境总结0.介绍模式是Vue CLI项目中一个重要的概念，默认情况下，一个Vue CLI项...

• 2022-12-31

41浏览

0评论

vue2中provide/inject的使用与响应式传值详解

目录前言一、基本用法二、响应式1.方法一：传递的参数用一个方法返回2.方法二：把需要传递的参数定义成一个对象总结前言官网概念：这对选项需要一起使用，以允许一个祖先组件向其所...

• 2022-12-31

40浏览

0评论

vue篇之事件总线EventBus使用示例详解

目录正文父子组件通讯原则EventBus的简介如何使用EventBus初始化发送事件接收事件移除事件监听者全局EventBus创建全局EventBus总结正文许多现代JavaScript框架和库的核心概...

• 2022-12-31

50浏览

0评论

vue使用websocket概念及示例

目录概念部分：使用示例概念部分：1，WebSocket 是 HTML5 提供的 TCP 连接上进行全双工通讯的协议。一次握手之后，服务器和客户端可以互相主动通信，双向传输数据。2，浏览器想服务器发...

• 2022-12-31

36浏览

0评论

vue导入新工程 “node_modules依赖”问题

目录vue导入新工程node_modules依赖问题解决记录排查node_modules包为什么会越来越大？1. 事件背景2. 排查过程3. 解决方案vue导入新工程node_modules依赖问题再使用vue 的可...

• 2022-12-31

314浏览

0评论

vue3中路由传参query、params及动态路由传参详解

目录一、query传参二、params传参三、动态传参四、query传参和params传参的区别总结一、query传参编程式导航 使用router.push 或者 router.replace 的时候，改为对象形式新增...

• 2022-12-31

35浏览

0评论

vue给数组中对象排序 sort函数的用法

目录vue给数组中对象排序 sort函数vue小技巧：简单排序和对象排序对于数组里面全是number对于一个对象 有多种类型vue给数组中对象排序 sort函数开发穿梭框的时候，需要将左侧选...

• 2022-12-31

41浏览

0评论

vue调用原生方法交互解读

目录vue调用原生方法交互第一步第二步第三步第四步vue和原生native交互使用安卓与Vue交互方式vue调用原生方法交互目前在做一个H5应用；需要调用原生方法进行交互；特此做一个记...

• 2022-12-31

45浏览

0评论

Vue.js如何获取data-*的值

目录data-*获取普通数据静态获取动态获取获取对象数据动态获取data-*这个属性熟悉JS的小伙伴都知道，data-*是一个自定义属性，它的功能是视图层往js传递我们想要传的数据。我们...

• 2022-12-31

59浏览

0评论

vue打包项目版本号自加的操作步骤

目录原因方案步骤原因项目每次打包后都需要改动项目版本号，这个改动每次都需要在package.json中修改version，比较麻烦，到底有没有一种打包后版本号自加的办法。方案版本号自加...

• 2022-12-31

47浏览

0评论

Vue 中指令v-bind动态绑定及与v-for结合使用详解

目录前言：一、 v-bind动态绑定class1. v-bind动态绑定class(对象语法)2. v-bind动态绑定class(数组用法)3.v-bind动态绑定style(对象语法)4.v-bind动态绑定style(数组语法)二...

• 2022-12-31

50浏览

0评论

vue中常用的缩写方式

目录vue常用缩写绑定数据 v-bind监听事件 v-onvue的简写vue常用缩写绑定数据 v-bindv-bind 的缩写是 ：可以使用 setAttribute 设置 ， getAttribute 获取的属性都可以使用这种...

• 2022-12-31

54浏览

0评论

vue中引入路径@的用法及说明

目录引入路径@的用法及说明Vue文件中引用路径的介绍Vue中使用vue项目路径使用@的原因@是webpack设置的路径别名使用场景引入路径@的用法及说明Vue文件中引用路径的介绍1、路...

• 2022-12-31

40浏览

0评论

vue中watch监听器用法之deep、immediate、flush

目录一、watch 默认是浅层，使用deep深层监听二、watch 默认是懒侦听，使用immediate即时回调侦听三、回调的刷新时机flush: &#39;post&#39;四、this.$watch()五、停止侦听器总...

• 2022-12-31

43浏览

0评论

Vue2中使用axios的3种方法实例总结

目录第一种 原始方法 直接在项目中使用(不建议使用)第二种 将请求挂载到全局( 推荐使用 )第三种 将代码进行封装总结第一种 原始方法 直接在项目中使用(不建议使用)这种方法...

• 2022-12-31

45浏览

0评论

.env在mode文件中如何添加注释详解

目录前言问题分析解决（dotenv）使用测试前言Vue-Cli 允许我们在项目根目录创建.env.[mode]文件来设置一些打包编译的启动参数，通过执行脚本的时候加mode参数，指定不同环境需要加...

• 2022-12-31

38浏览

0评论

Vue transition组件简单实现数字滚动

目录实现效果Scrip布局动画逻辑控制总结实现效果Scrip<template> <button @click="addCount">点我滚动数字</button> <div class="roll-container"> <transition name=...

• 2022-12-31

59浏览

0评论

vue Keep-alive组件缓存的简单使用代码

目录Props：用法：一、基本用法二、结合Router使用总结Props：include - 字符串或正则表达式。只有名称匹配的组件会被缓存。exclude - 字符串或正则表达式。任何名称匹配的组件都...

• 2022-12-31

44浏览

0评论

vue-devtools 打开源码位置实现过程

目录一、核心逻辑二、整个过程三、简单实现整个过程一、核心逻辑通过 code 命令来打开 vs code 编辑器。code path/dir/file可以在本地 cmd 终端运行下，试试能否正常打开编辑...

• 2022-12-31

49浏览

0评论

vue中的axios配置及接口请求路径api配置

目录简介一、axios配置二、请求接口路径api配置三、axios和接口api的全局注入四、请求接口的使用方式注意简介关于vue中使用axios请求的配置，注意其中区分Vue2.0和Vue3.0的写...

• 2022-12-31

61浏览

0评论

Vue3.2 新增指令 v-memo 用法详解(提高性能利器)

目录v-memo 官方定义我对 v-memo 的理解与v-for 一起使用使用场景vue3.2新增指令v-memo的使用v-memo的讲解场景描述v-memo的使用哈喽,大家好 我是xy...

• 2022-12-31

35浏览

0评论

开启Vue项目缺少node_models包的问题及解决

目录开启Vue项目缺少node_models包运用Vue ui时出现的一些问题vue项目依赖node_modules装不上去开启Vue项目缺少node_models包运用Vue ui时出现的一些问题1. 当我们通过Vue...

• 2022-12-31

38浏览

0评论

Vue如何引用public中的js文件

目录如何引用public中的js文件vue引用公共js步骤如何引用public中的js文件在public文件夹下创建config.js文件。config.js中可以使用变量，也可以使用window来挂载 测试：注意：in...

• 2022-12-31

39浏览

0评论

实现一个VUE响应式属性装饰器详析

目录前言不使用任何的响应Api使用 reactive 实现使用 ref 实现使用装饰器实现实现Reactive装饰器实现Watch装饰器总结前言使用面向对象的开发思想难免会用到类，既然有了类，那...

• 2022-12-31

45浏览

0评论

vue 如何实现配置@绝对路径

目录如何配置@绝对路径第一种 直接使用@第二种 webpack.base.conf.js第三种 vue.config.js配置vue路径写法：./ 和 @/项目中还有常见的@用法如何配置@绝对路径第一种 直接使用...

• 2022-12-31

45浏览

0评论

vue如何从后台下载.zip压缩包文件

目录1.添加下载按钮2.（原始方法，会出现乱码）给按钮添加点击事件3.（更正版）用axios（{}）这种方式4.报跨域问题vue前后端分离，使用element的el-button组件从后台下载文件，并且解决乱码问...

• 2022-12-31

55浏览

0评论

Vue项目中使用iView组件库设置样式不生效的解决方案

目录使用iView组件库设置样式不生效问题解决使用iview或者element-ui组件修改样式不生效1.样式如果定义为2.样式如果没有定义使用iView组件库设置样式不生效问题找到要设置...

• 2022-12-31

45浏览

0评论

vue如何使用文件流进行下载(new Blob)

目录vue使用文件流进行下载(new Blob)封装方法vue下载文件流完整前后端代码vue使用文件流进行下载(new Blob)封装方法function getExel(url, params, index) {+  return ne...

• 2022-12-31

49浏览

0评论

vue中的公共方法调用方式

目录vue公共方法调用（1）如果是全局（多页面）使用（2）如果是单页面使用vue如何封装和调用公共方法封装公共方法调用公共方法vue公共方法调用首先，在assets文件夹下，新建js文件夹，创建com...

• 2022-12-31

40浏览

0评论

vue如何实现接口统一管理

目录vue接口统一管理vue中api接口管理总结vue接口统一管理1.在src文件夹下面新建api文件夹，新建api.js// let apiUrl = 'http://192.168.8.134:8081';let apiUrl = '/apiapi'...

• 2022-12-31

58浏览

0评论

使用Vue3实现羊了个羊的算法

目录前言大纲在线演示初始化的随机位置算法检查是否被覆算法碰撞检测覆盖算法实现三连匹配算法队列区排序算法总结前言这两天社区很多羊了个羊的web实现，虽然各种实现花里花...

• 2022-12-31

41浏览

0评论

vue跳转后不记录历史记录的问题

目录vue跳转后不记录历史记录vue-router回退不记录历史场景说明处理方案其他api跳转vue跳转后不记录历史记录vue路由跳转一般情况下是使用push， this.$router.push({   ...

• 2022-12-31

39浏览

0评论

vue 全局引用公共的组件以及公共的JS文件问题

目录全局引用公共的组件及公共的JS文件全局引入自定义组件问题全局引用公共的组件及公共的JS文件1. 创建一个公共的目录 timeline ，里面包含 timeline.js 和 timeline.vue 文...

• 2022-12-31

140浏览

0评论

vue使用 vue-socket.io三种方式及踩坑实例解析

目录前言安装使用方式一 (官方用法)[全局挂载，不验证]使用方式二 (组件挂载使用)[可验证]使用方式三 (全局挂载使用)[可验证]使用方式推荐nodejs服务端本地demo代码总结前言v...

• 2022-12-31

43浏览

0评论

vue项目退出登录清除store数据的三种方法

目录方法一：（不友好，页面会白屏，不推荐使用）方法二 : (不会出现白屏,推荐使用)方法三 : vuex清除token (不会出现白屏,推荐使用)总结方法一：（不友好，页面会白屏，不推荐使用）在退出登录...

• 2022-12-31

44浏览

0评论

Vue2 中自定义图片懒加载指令 v-lazy实例详解

目录引言1.涉及到的主要知识讲解1.1 Vue2 中自定义指令1.1.1 指令对象的钩子函数1.1.2 钩子函数参数1.2 使用事件总线进行模块之间的通信1.3 使用到的 Web API1.3.1 Element...

• 2022-12-31

57浏览

0评论

vue使用keep-alive进行组件缓存方法详解(组件不缓存问题解决)

目录一、使用场景二、 认识下keep-alive三、在组件中应用四、解决组件不缓存问题五、keep-alive配合router使用总结一、使用场景在vue开发过程中（单页面），有一些需求需要我们把...

• 2022-12-31

52浏览

0评论

Vue3初探之ref、reactive以及改变数组的值

目录概况ref()reactive()vue3中改变数组的值总结概况Vue3 里要实现数据的响应式监听一共有两种方式既：ref 和 reactive他们既有区别又有联系。ref()ref数据响应式监听。ref...

• 2022-12-31

290浏览

0评论

在Vue使用$attrs实现构建高级组件

目录什么是 $attrsattrs V3 vs $attrs V2事例添加一些属性添加标题和值$attrs 救场inheritAttrs: false这节课，我们来看下 Vue3 中的 $attrs 属性。首先，我们会介绍它的用途以...

• 2022-12-31

42浏览

0评论

vue3中使用ref语法糖的示例代码

自从引入组合式 API 的概念以来，一个主要的未解决的问题就是 ref 和响应式对象到底用哪个。响应式对象存在解构丢失响应性的问题，而 ref 需要到处使用 .value 则感觉很繁琐，并...

• 2022-12-31

52浏览

0评论

vue 图片路径 “@/assets“ 报错问题及解决

目录问题解决为什么静态导入文件路径静态导入绝对路径动态导入相对路径动态导入绝对路径问题在更改背景图片时写的图片相对路径是这样的：由于@在webpack 被resolve.alias配置...

• 2022-12-31

58浏览

0评论

使用vNode实现给列表字段打标签

目录问题思路 实现1、过滤数据，需要打标签的采用jsx写法base.less 定义标签样式2、封装列表渲染组件3、封装渲染vNode的方法4、页面组件调用效果展示问题如何给列表数据打标...

• 2022-12-31

45浏览

0评论

关于Vue ui 的没反应、报错问题解决总结

目录Vue ui 的没反应、报错问题一、vue ui 启动出现的报错问题Vue ui无法启动项目管理器原因遇到版本低的解决方案没有ui功能的解决方法Vue ui 的没反应、报错问题一、vue u...

• 2022-12-31

53浏览

0评论

vue常用组件之confirm用法及说明

目录vue组件之confirmvue自定义confirm弹窗（全局组件）全局组件方式vue组件之confirm一些自带的方法，比如alert，confirm等，往往由于浏览器不同而展现出不同的样式，为了统一，我们可以...

• 2022-12-31

51浏览

0评论

Vue集成three.js并加载glb、gltf、FBX、json模型的场景分析

目录先上几个网址安装组件中引入 基本使用 补充 最近刚开始做的一个项目，后面有个模块要通过three.js实现3D的场景，因为之前也没接触过3D这块，就提前学了一下，做个记录。先上几...

• 2022-12-31

52浏览

0评论

vue如何实现清空this.$route.query的值

目录如何清空this.$route.query的值mounteddestroyed改变this.$route.query中的数据如何清空this.$route.query的值mounted定义一个 localStorage 来判断当前是否是query携...

• 2022-12-31