371浏览

0评论

2023年最新的vue.js下载和安装的3种方法详解

目录1. 文章引言2. 环境搭建3. 安装vue.js3.1 方法一：官网下载vue.js源代码3.2 方法二：使用npm install创建3.3 方法三：使用bower下载4. 总结1. 文章引言我主要从事java后端开...

• 2023-05-17

206浏览

0评论

Vue项目本地没有问题但部署到服务器上提示错误(问题解决方案)

一个 VUE 的项目在本地部署没有问题，但是部署到服务器上的时候提示访问资源的错误。问题和解决经过看看代码后才了解到，VUE 可以有几个配置文件。分别是： .env 和 .env.product...

• 2023-05-17

227浏览

0评论

vue3使用flv.js播放推流视频的示例代码

目录前言1、构建2、销毁3、断流、卡顿重连4、报错、停滞重连5、累计延时处理6、手动全屏前言本人是在vue3中使用flv.js处理推流时，遇到的一些问题，以及处理办法，归纳总结为一个...

• 2023-05-17

98浏览

0评论

Vue自定义指令深入探讨实现

目录指令自定义指令关于注册自定义指令全局注册局部注册自定义指令的钩子函数封装自定义指令指令想要了解自定义指令，那肯定得先明白什么是指令。指令的本质：语法糖，标志位。在...

• 2023-05-17

96浏览

0评论

深入理解Vue响应式原理及其实现方式

目录Vue的响应式Vue2的响应式原理Vue3的响应式原理深入理解响应式1.数据初始化2.对象的数据劫持Vue的响应式用过Vue这个框架的人应该都知道，数据驱动是Vue框架的核心，数据双向...

• 2023-05-17

102浏览

0评论

vue中标签自定义属性的使用及说明

目录vue标签自定义属性使用举个例子vue自定义属性的设置及获取vue中设置自定义属性及获取总结vue标签自定义属性使用在 vue 中，尽量避免对dom的操作，通过对状态的管理实现需要...

• 2023-05-17

92浏览

0评论

vue中radio单选框如何实现取消选中状态问题

目录vue radio单选框如何取消选中状态客户需求如何获取radio的选中值 、选中状态方法1方法2总结vue radio单选框如何取消选中状态客户需求单选radio选中后，再次点击需要可以...

• 2023-05-17

343浏览

0评论

前端Vue项目部署到服务器的全过程以及踩坑记录

目录需求过程1、首先，肯定需要将vue的项目进行打包2、将dist文件上传到服务器3、使用Nginx配置 踩坑nginx服务器404错误的原因 404 Not Foundnginx服务器500错误的原因 500...

• 2023-05-17

312浏览

0评论

vue3 证件识别上传组件封装功能

证件图片识别上传根据业务需要，经常涉及到证件上传，例如身份证上传、银行卡、营业执照等信息，根据设计师的设计，单独封装了一个上传组件。识别接口后端用的是阿里云的。
上传组...

• 2023-05-17

129浏览

0评论

Vue3项目引入阿里iconfont图标与字体及使用教程

目录需求：1.常用图标格式简介1.1 unicode 格式1.2 font-class 方式1.3 symbol 方式2.项目引入 iconfont2.1 封装 svg-icon 组件2.2 引入 iconfont3.项目中具体使用 iconfont4...

• 2023-05-17

117浏览

0评论

本地部署element-plus文档的简单步骤

目录前言1. 安装tomcat9.0或者其他版本均可2.下载element-plus文档3, 解压到tomcat的安装目录webapps下4，配置访问路径5，访问总结前言由于一直使用的前端组件element-plus，所以...

• 2023-05-17

370浏览

0评论

Vue3父子组件间传参通信的四种方式

目录前言一、父传子 defineProps二、子传父 defineEmits三、子组件暴露属性给父组件 defineExpose四、依赖注入Provide / Inject参考总结前言本文主要是记录Vue3在setup语法...

• 2023-05-17

105浏览

0评论

vue中table实现真正的跨越全选

目录一、项目需求二、代码实现三、代码实现全选按钮的半选状态四、总结一、项目需求1.最初产生运营测试时，提出跨页全选的要求；感官上在页面中只要勾选上方的复选框，那么就要勾...

• 2023-05-17

213浏览

0评论

VUE v-bind 数据绑定的示例详解

动态的绑定一个或多个 attribute，也可以是组件的 prop。缩写： : 或者 . (当使用 .prop 修饰符)期望： any (带参数) | Object (不带参数)参数： attrOrProp (可选的)修饰符：.camel...

• 2023-05-17

105浏览

0评论

在Vue3项目中使用如何echarts问题

目录一，创建 Vue3 项目并安装 echarts二，创建数据可视化组件（一）组件内容（二）使用组件（三）程序解释三，响应式刷新更多功能可扩展总结记得第一次使用 echarts 还是2019年的时候，那时做...

• 2023-05-17

405浏览

0评论

Vue中data数据初始化方法详解

目录初始化化数据的一些方法以下是一个简单的例子父组件子组件显示效果销毁数据的父组件子组件显示效果当组件的根元素使用了v-if的时候, 并不会初始化data中的数据 如果想...

• 2023-05-17

344浏览

0评论

关于Vue父子组件传参和回调函数的使用

目录关键点： 父组件给子组件动态传参使用v-bind:属性key（多个单词用下划线拼接） 子组件接收父组件传参参数使用 props标签，+属性key多个单词用驼峰形式拼接）子组件定义回调父组件...

• 2023-05-17

110浏览

0评论

Vue中localStorage那些你不知道的知识分享

目录状态管理的必要性localStorage储存和获取数据生命周期VuexVuex的概念Vuex的工作流程Vuex和localStorage的区别总结前端开发中，状态管理是一个很重要的话题。在Vue.js中， V...

• 2023-05-17

113浏览

0评论

Vue中select下拉框的默认选中项的三种情况解读

目录vue select下拉框的默认选中项的三种情况第一种是option的值写在HTML中第二种是option 选项内容写在JS中的第三种是option 选项内容vue中select默认选中下拉选项第一条（...

• 2023-05-17

222浏览

0评论

Vue element ui用户展示页面的实例

目录vue element ui用户展示页面vue中Element ui不生效总结vue element ui用户展示页面页面展示代码如下：<template> <div> <div class="alluser"> <div class="hea...

• 2023-05-17

74浏览

0评论

Vue3 全局使用按钮截流指令示例代码

在Vue3中，全局使用按钮截流指令的方法与Vue2中有所不同，可以根据以下步骤进行： 1.创建一个自定义指令文件，例如throttle.js，该文件中实现按钮截流逻辑的代码。示例代码如下：export...

• 2023-05-17

83浏览

0评论

VUE事件处理之@click用法示例代码

目录一、不传参的事件处理1.原理2.代码示例二、传参的事件处理1.原理2.代码示例总结总览1.传参的事件绑定2.不传参的事件绑定一、不传参的事件处理1.原理1.1 我们在vue模板...

• 2023-05-17

99浏览

0评论

VUE中常用的4种高级方法

目录1. provide/inject2. 自定义v-model3. 事件总线（EventBus）3.1 创建一个全局Vue实例作为事件总线：3.2 在需要发送事件的组件中，使用$emit方法触发事件并传递数据：3.3 在需要接...

• 2023-05-17

135浏览

0评论

Vue Router组合布局用法详解

目录常用的布局app 页面about 页面思考...

• 2023-05-17

100浏览

0评论

Vue中XMLHttpRequest的使用方法详解

Vue中使用XMLHttpRequest（XHR）来获取数据的方式与传统的HTML页面相同。以下是Vue中XMLHttpRequest的详细使用方法：1.创建XMLHttpRequest对象var xhr = new XMLHttpRequest();2....

• 2023-05-17

116浏览

0评论

Vue Echarts实现图表的动态适配以及如何优化

目录一、问题背景二、解决方案1.在Vue组件中引入Echarts2.初始化图表3.监听resize事件4.销毁图表三、优化方案1.防抖2.节流四、总结在实际的前端开发过程中，动态适配是一个非...

• 2023-05-17

140浏览

0评论

深入详解Vue3中的Mock数据模拟

目录引言一、Mock数据模拟的概述1.1 为什么需要Mock数据模拟？1.2 Mock数据模拟的优点和缺点二、安装和配置Mock.js库2.1 使用NPM安装Mock.js库2.2 在Vue项目中配置Mock.js三...

• 2023-05-17

187浏览

0评论

浅谈一下Vue生命周期中mounted和created的区别

目录一、什么是生命周期？二、created和mounted区别？三、例子一、什么是生命周期？用通俗的语言来说，就是Vue中实例或者组件从创建到消灭中间经过的一系列过程。虽然不太严谨，但是...

• 2023-05-17

161浏览

0评论

详细解读VUE父子组件的使用

目录1.递归组件2.组件之间的循环使用二，深层次的问题**1.父传子****2.子传父***3.兄弟关系** 4.子组件复用5.父组件通过ref调用子组件的方法我们对父子组件的学习，接触的一般...

• 2023-05-17

133浏览

0评论

深入了解Vue.js中的Vuex状态管理模式

目录Vuex使用安装vuex配置vuex页面刷新数据丢失问题VuexVuex 是一个专为 Vue.js 开发的状态管理模式。主要是是做数据交互，父子组件传值可以很容易办到，但是兄弟组件间传值（兄...

• 2023-05-17

108浏览

0评论

vue3中的ref()详解

目录ref()1. ref在模板中自动解包2. ref 在响应式对象中的解包3. 数组和集合类型的 ref 解包总结ref()接受一个值，返回一个响应式的，可以修改的ref对象，这个对象只有一个.vaule...

• 2023-05-17

103浏览

0评论

Vue项目中实现ElementUI按需引入过程解析

目录前言按需引入一、误区二、正确手法1、安装插件2、更改.babelrc配置3、 新建auto-import-elementUI.js文件，注册需要用到的组件4、main.js引入前言为了减小项目打包体积，提...

• 2023-05-17

423浏览

0评论

Vue自定义组件中v-model的使用方法示例

目录Vue2中使用Vue3中使用v-model 使用 modelValue自定义 v-model 的使用的参数多个 v-model 绑定自定义v-model 的修饰符参考：总结Vue2中使用2.2.0+ 新增一个组件上的 v-mod...

• 2023-05-17

111浏览

0评论

Vue3学习笔记之依赖注入Provide/Inject

Provide / Inject通常，当我们需要从父组件向子组件传递数据时，我们使用 props。想象一下这样的结构：有一些深度嵌套的组件，而深层的子组件只需要父组件的部分内容。在这种情况下...

• 2023-05-17

94浏览

0评论

vue中使用echarts的方法实例详解

1、安装npm install echarts --save2、在vue中引入（全局引入）// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts3、在vue中的使用需要用到echart...

• 2023-05-17

104浏览

0评论

Vue自定义指令学习及应用详解

目录一、自定义指令v-mycolor二、使用钩子函数的自定义指令三、Vue实现简单的学生信息管理系统除了核心功能默认内置的指令，Vue.js允许注册自定义指令。添加一个自定义指令，有...

• 2023-05-17

113浏览

0评论

vue的路由动画切换页面无法读取meta值的bug记录

目录vue路由动画切换页面无法读取meta值的bug问题原因解决方法vue路由元信息meta路由元信息设置title权限校验（例：登录校验）总结vue路由动画切换页面无法读取meta值的bug在vue...

• 2023-05-17

377浏览

0评论

示例解析Ant Design Vue组件slots作用

正文在 Ant Design Vue 中，slots 是用来定义组件内容的一种方式。它允许你在组件内部插入一些额外的内容或者修改组件的一部分内容。在 Ant Design Vue 中，有两种类型的 slots...

• 2023-05-17

176浏览

0评论

vue使用动态组件实现TAB切换效果完整实例

目录一、方法1：使用Vant组件库的tab组件二、 方法2：手动创建tab切换效果三、完整代码总结一、方法1：使用Vant组件库的tab组件Vant 2 - Mobile UI Components built on Vue二、...

• 2023-05-17

109浏览

0评论

Vue中如何实现动态路由的示例代码

目录前言实现效果使用的技术栈实现思路具体实现首先我们来设计数据封装一下axios函数使用vuex实现全局数据共享将数据转化为树形化结构基础路由模块实现动态路由在main.js中...

• 2023-05-17

245浏览

0评论

vue3页面跳转的两种方式

目录1、标签内 router-link跳转2、编程式路由导航vue3的页面跳转有两种方式，第一种是标签内跳转，第二种是编程式路由导航1、<router-link to='/testDemo'> <button>点击跳转1<...

• 2023-05-17

105浏览

0评论

解析使用useDark(),发现transition 动画失效

目录先上个示例如果把代码改一下过渡效果先上个示例<template> <div class="theme-change"> <button class="switch" @click="toggleTheme" rol...

• 2023-05-17

105浏览

0评论

vue中定义全局声明vscode插件提示找不到问题解决

正文我在学习使用vue3和ts,但是当我写完全局声明文件的时候，在ts文件或者.vue文件使用该类型时都提示没有该类型，为什么？具体信息：我在src文件夹下的types文件夹定义全局声明文...

• 2023-05-17

87浏览

0评论

vue项目打包部署跨域的实现步骤

目录1.前端工程解决办法1.1开发时候解决办法1.2打包部署后解决办法2.后端工程解决办法跨源资源共享（CORS，或通俗地译为跨域资源共享）是一种基于 HTTP 头的机制，该机制通过允许服...

• 2023-05-17

209浏览

0评论

Vue滑块验证码组件anji-captcha的使用案例详解

目录说明快速开始前端后端测试说明最近需要改一下首页界面，将之前的字符验证码改成滑块验证码（这样更好用一些），找了一下发现了anji-captcha这个组件，效果如下快速开始前端首先将...

• 2023-05-17

106浏览

0评论

一文总结Vue和React的异同

目录相同点不同点1. 核心思想不同1.1 核心思想不同导致写法差异1.2 核心思想不同导致api差异1.3 核心思想不同导致社区差异1.4 核心思想不同导致未来升级方向不同2. 组件实...

• 2023-05-17

136浏览

0评论

vue中关于checkbox使用的问题

目录vue中checkbox使用问题checkbox在vue中的用法小结checkbox禁用在vue中checkbox用法vue中checkbox禁用jQuery特效setTimeout异步自定义checkbox样式原理总结vue中checkbo...

• 2023-05-17

106浏览

0评论

前端设置cookie之vue-cookies使用及说明

目录前端设置cookie之vue-cookies安装vue-cookies引入vue-cookiesApivue的cookies:vue-cookies设置,获取及删除指定的cookiesvue-cookie使用总结前端设置cookie之vue-cookie...

• 2023-05-17

262浏览

0评论

WebSocket使用以及在vue如何使用问题

目录WebSocketWebSocket 实例socket.io 简介客户端 api总结WebSocketWebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服...

• 2023-05-17

229浏览

0评论

moment转化时间戳出现Invalid Date的问题及解决

目录moment转化时间戳出现Invalid Date使用Moment.js处理时间戳转化为时间年月优点使用步骤总结moment转化时间戳出现Invalid Date项目用在使用moment转换时间戳的时候出现I...

• 2023-05-17