编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

52浏览

0评论

vue路由警告:Duplicate named routes definition问题

目录警告产生的原因错误类型举例说明静态路由动态路由今天在开发的时候，项目报了一个警告 Duplicate named routes definition ，这里记录一下解决方式和思路。警告产生的原因...

2022-12-31 22:22:34

38浏览

0评论

Vue3中defineEmits、defineProps 不用引入便直接用

前言：最近正在将一个使用单文件组件的 Options API 的 Vue2 JavaScript 项目升级为 Vue3 typescript，并利用 Composition API 的优势。比如，下面这种选项API 方式：export defau...

2022-12-31 22:22:32

63浏览

0评论

vue如何使用媒体查询实现响应式

目录使用媒体查询实现响应式的两种方式前提1.在每个组件中为其使用媒体查询2.写n套页面,在使用这些页面的组件中进行一次媒体查询vue中的媒体查询语法使用媒体查询实现响应...

2022-12-31 22:22:30

57浏览

0评论

使用v-memo缓存模板子树提高应用性能详解

目录引言v-memo 是做什么的？事例错误的使用方式管理更新与 v-for 结合使用无意中停止了子组件触发的更新总结引言Vue3 为我们提供了几项开箱即用的重大性能改进，但也引入了一...

2022-12-31 22:22:29

50浏览

0评论

Vue项目使用svg图标实践

目录一. svg图标介绍二. svg图标的获取方式三. Vue项目使用svg图标的环境配置四. Vue项目使用svg图标的项目配置一. svg图标介绍svg图标是用作Web应用程序或移动应用程序内...

2022-12-31 22:22:27

41浏览

0评论

vue3中defineComponent 的作用详解

vue3中，新增了 defineComponent ，它并没有实现任何的逻辑，只是把接收的 Object 直接返回，它的存在是完全让传入的整个对象获得对应的类型，它的存在就是完全为了服务 TypeScript...

2022-12-31 22:22:25

42浏览

0评论

vue打包报错:ERROR in static/js/xxx.js from UglifyJs undefined问题

目录报错信息如下尝试解决办法vue项目打包报错报错信息如下ERROR in static/js/xxxxxxxxxx.js from UglifyJs undefined注意了！很多文章的报错信息都有 vendor. 开头的，例如：E...

2022-12-31 22:22:23

69浏览

0评论

vue混入mixin流程与优缺点详解

目录1、什么是mixin2、mixin与Vuex的区别3、mixin的使用3.1、局部混入3.2、全局混入4、mixin选项合并4.1、生命周期函数4.2、data中的数据冲突4.3、方法冲突5、优缺点5.1、...

2022-12-31 22:22:22

55浏览

0评论

vue上传项目到git时,如何忽略node_modules文件夹

目录上传项目到git，如何忽略node_modules文件夹创建.gitignoe文件添加node_modules查看本地状态提交代码Git项目到码云时，没有上传node_modules(库)的原因上传项目到git，如何忽...

2022-12-31 22:22:20

65浏览

0评论

Vue版本vue2.9.6升级到vue3.0的详细步骤

目录背景：vue版本的升级主要步骤：一、首先需要卸载你之前的vue2.9.6二、安装新版本：总结背景：电脑使用多年，一直使用vue 2.x版本，项目开发过程中由于一个模块涉及的集成模块过多，导...

2022-12-31 22:22:18

46浏览

0评论

vue3.2自定义弹窗组件结合函数式调用示例详解

目录前言手写弹窗组件组件调用函数式调用如何使用含样式完整源码效果图前言涉及的vue3知识点/API，createApp defineProps defineEmits <script setup> v-model<script setup>...

2022-12-31 22:22:15

166浏览

0评论

vue如何在style标签中使用变量(数据)详解

目录在 style 中使用 data 变量那么如何在代码中使用style属性呢？总结参考资料SFC CSS Features | Vue.js在 style 中使用 data 变量options 方式：<template> <div class="te...

2022-12-31 22:22:14

57浏览

0评论

vue引用json文件的方法小结

相信大家都有被后端数据支配过废话不多说直接上代码1.解决怎么从控制台把数据移到json文件中直接右击复制值var getData = require("./taifeng.json"); // 直接引入json...

2022-12-31 22:22:12

40浏览

0评论

vue如何实现无缝轮播图

目录vue实现无缝轮播图轮播图的思路无缝轮播（跑马灯效果）vue实现无缝轮播图轮播图的思路一组图片进行不停地循环,如果循环到最后一张图片,就从第一张开始,不停循环,我们可以设...

2022-12-31 22:22:09

64浏览

0评论

解决vue vite启动项目报错ERROR: Unexpected “\x88“ in JSON 的问题

最近通过yarn dev启动vite项目时报了下面的错：failed to load config from F:\code\qn-test-vweb\vite.config.ts
error when starting dev server:
Error: Build failed wit...

2022-12-31 22:22:07

38浏览

0评论

vue实现弹窗拖拽效果

本文实例为大家分享了vue实现弹窗拖拽效果的具体代码，供大家参考，具体内容如下前言实现拖拽其实简单来说就分为三步一、创建一个js文件因为本身dialog窗口不具备移动拖拽能力，...

2022-12-31 22:22:05

49浏览

0评论

Vue3 如何通过虚拟DOM更新页面详解

目录引言Vue 虚拟 DOM 执行流程DOM 的创建patch 函数patchElement 函数节点自身属性的更新子元素的更新patchChildren位运算为什么位运算性能更好如何运用位运算最长递增子...

2022-12-31 22:22:03

91浏览

0评论

如何删除vue项目下的node_modules文件夹

目录删除vue下的node_modules文件夹利用命令行删除 node_modules文件删除vue下的node_modules文件夹全局安装rimrafcnpm i -g rimraf进入项目文件夹目录（该目录下包含node_mo...

2022-12-31 22:22:00

49浏览

0评论

Vue.js element-plus使用图标不显示问题的解决方式

目录前言前提：方案1:方案2:总结前言关于前端使用element-plus中的icon不展示，网上主要分为两种，一种是打包之后不展示，还有一种是直接在开发的时候运行就不展示这个帖子主要解决...

2022-12-31 22:21:56

59浏览

0评论

JSON数组和JSON对象在vue中的获取方法

这两天在学习vue，主要是为了实现前后端的分离，因此数据的传输是必不可少的一个环节。为了快速入门，参考了vue官网的视频，这个过程由于引入vue.js的问题走了一些弯路，这个我们以后...

2022-12-31 22:21:55

222浏览

0评论

Vue如何实现简单的时间轴与时间进度条

目录前言1、封装时间尺度组件2、在vue页面使用时间尺度 3、组件init方法内通过起止时间算出中间的所有时间尺度总结前言项目需要按天播放地图等值线图功能，所以需要一个时...

2022-12-31 22:21:53

242浏览

0评论

vue下的elementui轮播图自适应高度问题

目录elementui轮播图自适应高度elementui轮播图自适应的最简单实现效果如下拉伸一下elementui轮播图自适应高度翻了下api 没有找到对应的属性，所以这里用自定义方法来实现<el...

2022-12-31 22:21:51

168浏览

0评论

vite + electron-builder 打包配置详解

目录创一个vite项目安装打包工具配置桌面环境创建主进程 main.js添加electron 运行命令打包项目，生成dist解决资源无法加载开发环境：热更新两个工具 concurrently wait-on打...

2022-12-31 22:21:48

48浏览

0评论

Vue extend学习示例讲解

目录1、什么是动态创建组件2、Vue.extend()3、通过extend实现弹窗的动态创建3.1、创建动态组件3.2、编辑动态组件的逻辑3.3、在main.js中引入使用3.4、在需要的地方通过触发...

2022-12-31 22:21:46

60浏览

0评论

useEffect理解React、Vue设计理念的不同

目录引言Vue与React的差异useEffect会越来越复杂总结引言我们知道，React发布Hooks后，带来了业界一波Hooks热。很多框架（比如Vue Composition API、Solid.js）都借鉴了Hooks的模式...

2022-12-31 22:21:41

45浏览

0评论

Vue弹窗组件的实现方法

本文实例为大家分享了Vue弹窗组件的实现具体代码，供大家参考，具体内容如下弹窗组件包含内容：弹窗遮罩层内容层的实现（涉及slot、props、$on、$emit）实现步骤：1、搭建组件UI样式，HTM...

2022-12-31 22:21:38

42浏览

0评论

Vue中slot插槽作用与原理详解

目录1、作用2、插槽内心2.1、默认插槽2.2、具名插槽（命名插槽）2.3、作用域插槽实现原理1、作用父组件向子组件传递内容扩展、复用、定制组件2、插槽内心2.1、默认插槽把父组件...

2022-12-31 22:21:36

54浏览

0评论

关于应用UI组件的移动端适配方式

目录问题1问题21.安装lib-flexible2.在项目的入口引入lib-flexible3.安装postcss-px2rem-exclude4.配置postcss.config.js在移动端开发应用UI组件也会遇到一系列需要注意的...

2022-12-31 22:21:32

51浏览

0评论

el-date-picker日期选择限制范围的实例代码

目录1.如果只比较两个值的话---效果是这种的2.如果是table一直在循环这种日期，而且只比较每一行的两个日期1.如果只比较两个值的话---效果是这种的// 这是<template>的 <el-r...

2022-12-31 22:21:30

44浏览

0评论

Vue中如何获取json文件中的数据

目录场景实现场景访问百度音乐API需要传递音乐类型参数，而这些参数是存在musictype.json中，现在在组件listcate.vue需要获取json数据。json文件内容：文件位置：实现musictype.jso...

2022-12-31 22:21:27

52浏览

0评论

10分钟带你上手Vue3中新增的API

目录1. 初始化项目2. setup方法2.1 执行时机2.2 接受props数据2.3 context3. reactive4. ref4.1 在 reactive 对象中访问 ref 创建的响应式数据5. isRef6. toRefs7. compute...

2022-12-31 22:21:25

37浏览

0评论

Vue手写横向轮播图的实例

目录Vue手写横向轮播图Vue常见的轮播图Vue手写横向轮播图前提：自己封装的轮播图，暂时没测出bug~效果如下图，一行三个，点击上一张/下一张向前或向后移动一格,窗口缩放会适当变形...

2022-12-31 22:21:23

66浏览

0评论

基于Vue3实现无限滚动组件的示例代码

目录为什么还要使用无限滚动组件无限滚动的优点无限滚动的缺点主要分为三个部分1.模拟 API 调用2.制作我们的内容组件3.显示我们的内容4.Vue3 无限滚动如果你在社交媒体上停...

2022-12-31 22:21:21

46浏览

0评论

Vue中el-menu-item实现路由跳转的完整步骤

目录场景：方法如下：补充：el-menu-item 实现水平导航栏，路由的跳转总结场景：用了element-ui的el-menu 菜单怎样实现路由跳转呢？方法如下：1，在el-menu加上router，添加el-menu的default...

2022-12-31 22:21:17

41浏览

0评论

vue+antd实现折叠与展开组件

最近在写前台页面，遇到一个需求，如下：点击头部标题，如果有内容，则展开，否则不展开，其实就是展开与折叠的组件。效果图如下：由于其它地方也需要实现这种功能，所以，需要封装成一个组件。...

2022-12-31 22:21:15

58浏览

0评论

vue整合项目中百度API示例详解

目录官网介绍申请密钥官方示例项目实战创建地图获取经纬度创建Map实例两个坐标点之间的距离查询地点信息Vue项目中整合百度API获取地理位置的方法组件中使用vue-baidu-map...

2022-12-31 22:21:13

54浏览

0评论

详解vue3中如何使用shaka-player

目录正文开始使用做成组件shakaPlayer使用方式注意事项正文Shaka Player 是谷歌公司对外开源的一款 JavaScript 类库，详细请看谷歌官方API文档。开始使用我们可以使用 npm 下...

2022-12-31 22:21:10

50浏览

0评论

多个vue项目复用一个node_modules的问题

目录多个vue项目复用一个node_modulesvue项目共用node_modules问题目的多个vue项目复用一个node_modules公司的好多个vue小项目的依赖包基本是一样的，项目完成的系统也是差不...

2022-12-31 22:21:08

68浏览

0评论

vue3 HighCharts自定义封装之径向条形图的实战过程

目录1.前言2.先来看效果图3.步骤详解3.1vue3安装highcharts3.2如何使用，如何按需引入4.封装RadialBar组件，包括图表的点击事件4.1RadialBar.vue思路4.2RadialBar.vue完整代码4...

2022-12-31 22:21:06

71浏览

0评论

vue3.0中setup的两种用法实例

目录前言一、setup函数的特性以及作用二、setup函数的注意点：用法1:结合ref使用用法2：代码分割总结前言这篇文章主要介绍了vue3.0中setup使用，本文通过两种用法给大家介绍的非...

2022-12-31 22:21:04

57浏览

0评论

Vue Router应用方法详解

目录服务端路由路由的应用场景路由监听浏览器 hashchange 事件实现路由使用Vue Router+Vue2实现路由服务端路由服务端路由时指的是服务器根据用户访问的 URL 路径返回不同的...

2022-12-31 22:21:02

67浏览

0评论

Vue实现简单弹窗效果

本文实例为大家分享了Vue实现简单弹窗效果的具体代码，供大家参考，具体内容如下选中input 弹出选项框显示弹窗首先要在components中新建两个组件要实现子组件向父组件传值sele...

2022-12-31 22:20:59

161浏览

0评论

vue实现图片滑动验证功能

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

2022-12-31 22:20:57

48浏览

0评论

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

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

2022-12-31 22:20:55

64浏览

0评论

详解vue3中如何使用youtube-player

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

2022-12-31 22:20:52

50浏览

0评论

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

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

2022-12-31 22:20:50

46浏览

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 22:20:48

49浏览

0评论

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

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

2022-12-31 22:20:45

47浏览

0评论

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

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

2022-12-31 22:20:43

54浏览

0评论

vue使用websocket概念及示例

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

2022-12-31 22:20:41

首页 «219 220221222 223 »尾页

热门文章