Vue开发技巧

vue中ref和reactive

ref和reactive是Vue3中用于创建响应式数据的两个重要API，它们之间存在几个关键的区别，主要体现在数据类型、使用方式、访问方式以及设计理念上。
Lancelot212·2024-09-01 18:58

[vue] jszip html-docx-js file-saver 图片，纯文本 ，打包压缩，下载跨域问题

npminstalljszipfile-saverimportJSZipfrom'jszip';importFileSaverfrom'file-saver';JSZip创建JSZip实例：constzip=newJSZip();创建文件：支持导出纯文本zip.file("hello.txt","HelloWorld\n");创建文件夹：zip.folder("file")只压缩有地址的文件//举
533_·2024-09-01 18:58

uni-app使用HBuilder X工具和微信小程序工具开发微信小程序

的原因是什么需要使用到的工具关于HBuilderX工具和微信小程序工具的介绍怎么下载HBuilderX工具和微信小程序工具如何使用HBuilderX工具如何使用微信小程序工具结尾什么是uni-appuni-app是一个使用vue.js
懒无名1·2024-09-01 17:25

从零开始：Uni-App 微信小程序开发指南

目录介绍第一步：准备工作第二步：编写代码1.创建页面2.配置路由3.修改配置文件4.运行和调试第三步：发布小程序Uni-App的优势和特点1.跨平台开发2.基于Vue.js3.强大的组件库和插件生态4.
此地不宜久刘同学·2024-09-01 17:54

vue 一分钟倒计时功能实现

HTML在data里边定义相关变量data(){return{content:"倒计时",canClick:true,refreshData:null};},在methods里边定义相关方法methods:{countdowm(){lettotalTime=60;if(!this.canClick)return;//节流this.canClick=false;this.content=totalT
我总是词不达意·2024-09-01 16:45

Vue.js 定时器任务

解决思路：使用Vue的$once这个事件侦听器器在定义完定时器之后的位置来清除定时器代码：consttimer=setInterval(()=>{//某些定时器操作},500);//通过$once来监听定时器
壹二叁·2024-09-01 12:47

Element-ui中的table组件设置列为type=“expand“时，在Vue中发起异步请求数据时表格无法正常显示

问题描述：借助官网的示例，但展开项中是一个表格，当点击展开项时会发起一个网络请求去获取表格数据，表格的数据应该是一个数组类型：
鸭绒·2024-09-01 12:22

Element-ui的el-table表格嵌套如何默认展开行，试试这个吧！（芋道源码yudao-cloud 二开笔记）

通过Vue的ref方法手动展开第一行。1.在el-table组件上添加ref首先，给el-table组件添加一个ref，用于在代码中引用这个表格。
码农九零·2024-09-01 12:51

【已解决】Vue Duplicate keys detected: ‘[object Object]’

【已解决】VueDuplicatekeysdetected:‘[objectObject]’在Vue项目开发过程中，我们可能会遇到这样的报错：“Duplicatekeysdetected:‘[objectObject
二川bro·2024-09-01 12:51

Python-Django毕业设计在线音乐网站（程序+Lw)

项目技术：django+python+Vue等等组成，B/S模式+pychram管理等等。环境需要1.运行环境：最好是python3.7.7，我们在这个版本上开发的。其他版
罗曼计算机毕设程序·2024-09-01 12:21

vue.js项目实战案例详细源码讲解

前言：为帮助大家更好地掌握Vue.js项目的开发流程，我将为你讲解一个完整的Vue.js实战案例，并提供详细的源码解析。
程序员小羊！·2024-09-01 12:20

如何在 Vue 中创建一个带有表格和表单的弹窗

本文将通过一个具体的示例来介绍如何在Vue应用中实现一个带有表格和表单功能的弹窗组件。
云只上·2024-09-01 12:50

为了在前端项目打包后删除 console.log 日志，可以采用不同的方法来实现这一目标。以下是几种常见的方式，包括在 Webpack 和 Vite 中的具体实现。

在构建Vue应用时，为了提高生产环境的性能和安全性，通常会对代码进行一系列的优化。
云只上·2024-09-01 12:50

Vue3 ElementPlus Table表格实现单选

import{ref,reactive,toRefs}from'vue'consttaskTableRef=ref();//表格ref//变量定义conststate=reactive({tableData
云只上·2024-09-01 12:20

Vue.js 样式绑定

Vue.js样式绑定Vue.js是一种流行的前端框架，它提供了一种简洁而强大的方式来绑定样式到元素上。样式绑定允许开发者根据组件的状态动态地改变元素的样式。
wjs2024·2024-09-01 11:49

vue3+ts 中使用mitt进行跨组件通信

mitt插件的使用安装插件进行封装一个模块，对外暴露一个Mitt实例使用安装插件官方文档pnpmimitt--s//我用的pnpm或npmi--smitt或yarnaddmitt进行封装一个模块，对外暴露一个Mitt实例1、在utils文件夹下新建mitt（例如mitt.ts），用于初始化并导出mitt实例：//src/eventBus.tsimportmittfrom'mitt';//定义事件类
我胡为喜呀·2024-09-01 11:44

day38-测试平台搭建之前端vue学习-ES6

比如变量提升、内置对象的方法不灵活、模块化实现不完善等等1.2.为了后面vue、尤其是react框架做好了准备1.3.目前大部分公司的项目都在使用es6二、ES6新特性2.1.let和const命令let
开测开测·2024-09-01 11:14

TypeScript+Vue

Vue官方TypeScript支持文档初始化项目使用@vue/cli创建模版项目（啥是@vue/cli）具体操作自行百度提示：@vue/cli脚手架默认生成的项目是零webpack配置，但是可以支持自定义
神小夜·2024-09-01 10:07

搭配 TypeScript 使用 Vue

IDE支持Volar是官方的VSCode扩展，提供了Vue单文件组件中的TypeScript支持，还伴随着一些其他非常棒的特性。
kingrome2009·2024-09-01 10:06

VUE 组件

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、VUE组件---组件注册二、VUE--组件props三、插槽四、深层组件传值五、动态组件前言提示：这里可以添加本文要记录的大概内容
.YoIo·2024-09-01 10:04

vue响应式原理

对于响应式原理，我们先了解vue是一个MVVM结构的框架；也就是数据层、视图层、数据-视图层；响应式的原理就是实现当数据更新时，视图层也要相应的更新，基于响应式原理我们可以使数据驱动视图的实现变得简单而高效一
.YoIo·2024-09-01 10:04

Vue3与TypeScript的深度结合：技术指南及实践详解

引言Vue.js在Vue3版本中引入了众多革新性的功能和优化，如CompositionAPI、Teleport组件等，并且对性能和可维护性进行了显著提升。
小码快撩·2024-09-01 10:34

深入探索Vue.js组件与插件技术

引言在Vue.js的世界里，组件化和插件化是构建大规模可维护前端应用的重要基石。
小码快撩·2024-09-01 09:30

2021-10-21 vue笔记-组件化开发(四) 组建通信:非父子通信-事件总线,在vue项目中使用eventbus的例子

文章目录1.事件总线(eventBus)定义用途原理2.eventBus使用步骤3.在HTML网页中使用事件总线:模拟公众号和用户之间信息的发送和接收代码结果4.在vue项目中使用事件总线:点击增加减小按钮实现数值的增减
前端OnTheRun·2024-09-01 09:28

vue移动端适配postcss-px-to-viewport

在之前有一种流行已久的移动端适配方案，那就是rem，我想下面这两句代码，有不少老移动端都不会陌生：constdeviceWidth=document.documentElement.clientWidth||document.body.clientWidth;document.querySelector('html').style.fontSize=deviceWidth/7.5+'px';没错，
我是七月·2024-09-01 09:59

基于Java+Springboot+Vue+elememt宠物用品商城系统设计实现

基于JavaWeb开发的宠物用品商城系统作者主页网顺技术团队欢迎点赞收藏⭐留言文末获取源码联系方式查看下方微信号获取联系方式承接各种定制系统精彩系列推荐精彩专栏推荐订阅不然下次找不到哟Java毕设项目精品实战案例《1000套》感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人文章目录基于JavaWeb开发的宠物用品商城系统一、前言介绍：二、系
网顺技术团队·2024-09-01 08:22

前端动画实现：React 和 Vue 框架技术实现 filp

前言在Vue的官网中的过渡动画章节中，可以看到一个很酷炫的动画效果手写出这个逻辑应该是非常复杂的。但是文档里我们发现一个名词：FLIP，这给了我们一个线索，用filp可以实现。
@逆风boy·2024-09-01 04:32

vue3 reactive和ref的区别

定义角度来看ref用来定义：基本类型数据。reactive用来定义：对象（或数组）类型数据。备注：ref也可以用来定义对象（或数组）类型数据,它内部会自动通过reactive转为代理对象。constisActive=ref(false)console.log(isActive.value)//falseconstperson=reactive({name:'zhang',age:'18'})原理角
张张张爱学习·2024-09-01 04:02

这个项目所需的配置文件和依赖

这是用于记录这个项目的依赖,中间出现了很多版本问题,这是最后解决出来的版本配置文件spring:datasource:url:jdbc:mysql://localhost:3306/vueadmin?
努力学习的小宇同学·2024-09-01 04:31

vue3keep-alive 缓存的是什么信息 el-table的expand-row-keys展开是否会默认缓存

在Vue3中，组件用于缓存不活动的组件实例，而不是渲染内容。当组件被缓存时，它的状态和数据将被保留，直到组件再次被激活。
qq_42463588·2024-09-01 04:01

vue3 + ts中有哪些类型是由vue3提供的?

在Vue3中结合TypeScript使用时，Vue提供了一系列的类型帮助函数和接口，这些类型用于增强TypeScript的集成和提供类型安全。
汝&戏·2024-09-01 04:31

浅谈Vue和React对比

这里就做几个简单的类比吧，当然没有好坏之分，只是使用场景不同相同点都有组件化思想都支持服务器端渲染都有VirtualDOM（虚拟dom）数据驱动视图都有支持native的方案：Vue的weex、React
时倾௸·2024-09-01 04:00

Node:解决Error: error:0308010C:digital envelope routines::unsupported的解决方法

问题描述在使用vuepress搭建博客的时候，运行项目发现报错了，检查了node的版本是18+，之前用的是16或14的版本，现在报：Error:error:0308010C:digitalenveloperoutines
码上言·2024-09-01 04:30

动态修改网页icon图标

动态修改网页icon图标//如果在vue项目中在App.vue下的created()中输入varlink=document.querySelector("link[rel*='icon']")||document.createElement
涔溪·2024-09-01 04:30

怎么使用Mybatisplus的分页插件来完成分页

前端使用的Elementui后端1.在配置里配置数据源spring:datasource:url:jdbc:mysql://localhost:3306/vueadmin?
努力学习的小宇同学·2024-09-01 03:59

vsCode保存代码自动格式化

{"editor.formatOnSave":true,"[vue]":{"editor.defaultFormatter":"octref.vetur"},"files.autoSave":"off"
花开富贵城·2024-09-01 02:21

vue项目打包压缩静态资源—使用compression-webpack-plugin

vue项目打包压缩静态资源—使用compression-webpack-plugin场景：vue项目打包上线后，资源加载缓慢，用户体验感差。
牛小妞~牛·2024-09-01 02:51

vue3中，子组件如何向父组件传值

写作灵感最近在写项目时，有多个页面都需要使用到一个搜索栏。因此，就需要将搜索栏封装成一个组件，我们在其他组件使用搜索组件时，需要将搜索到的内容传入父组件进行展示。此时，就需要用到子组件向父组件传值了。使用子组件向父组件传递值时，相信遇到最多的便是emit进行传值了。下面我将介绍我用到的两种传值方式：使用setup语法糖和不使用setup语法糖的两种方式。（父组件的书写放在后面）使用setup语法糖
易烊子豪·2024-09-01 02:51

VueDraggablePlus的学习与问题解决

目录VueDraggablePlus的使用插件APIgroup属性拖拽分组delay响应时间disabled启用禁用scroll是否允许滚动animation过渡效果handle鼠标在指定元素上才允许拖动
揽昕·2024-09-01 02:50

[附源码]JAVA毕业设计基于web旅游网站的设计与实现（系统+LW）

项目技术：JAVA+mybatis+Maven+Vue等等组成，B/S模式+Maven管理等等。环境需要1.运行环境：最好是ja
晶涛计算机毕设·2024-09-01 02:46

[附源码]java毕业设计基于web旅游网站的设计与实现

项目技术：SSM+mybatis+Maven+Vue等等组成，B/S模式+Maven管理等等。环境需要1.运行环境：最好是javajdk1.8，我们在这个平台上运行的。其他版本理论上也可以。2.ID
李会计算机程序设计·2024-09-01 02:15

手把手学习Vue3.0：CSS样式基础和HTML5基础收藏

背景最近在做管理系统的时候我还不会用Vue，时间紧任务重就先用J2EE那套，利用layUI先实现了。
帅哥趣谈·2024-09-01 01:43

Vue-cli的使用

文章目录1vue-cli的安装和项目配置2使用vue-cli开发todolist3全局样式与局部样式1vue-cli的安装和项目配置这篇博文中有详细的介绍：安装vue-cli2.0并创建项目。
子非鱼921·2024-09-01 01:42

浏览器播放h.265 rtsp流媒体解决方案

近期研究在VUE中播放RTSP实时视频，客户要求延迟低于300毫秒，并且要求支持多路同时播放，支持H.265格式视频，比较了下目前市场上常见的几种方案，以供大家参考！
LiveWeb视频管理平台·2024-09-01 00:04

Vue使用插槽封装tabbar 和使用router-view

tabbar的封装思路tabbar1、定义tabbar组件2、定义tabbar-item组件定义tabbar组件思路：使用插槽exportdefault{name:'TabBar'}#tabbar{display:flex;background-color:#f6f6f6;position:fixed;left:0;right:0;bottom:0;box-shadow:0-1px5pxrgba(
senda66·2024-08-31 22:00

vue-router学习8：RouterView插槽

安装并配置npminstallvue-router使用import{create
无名H·2024-08-31 22:00

关于 router-view-slot

关于router-view-slotApp.vue配置动态路由importlayoutfrom"@/layout/index.vue";constrouter=createRouter({history
今晚也失眠·2024-08-31 22:29

VueRouter源码（三）--RouterView， RouterLink

注册为vue组件RouterView和RouterLink组件在install方法中注册成了Vue的组件functioninstall(Vue){...Vue.component('RouterView
haoyanyu_·2024-08-31 22:58

基于vue-cli3，全局集成 scss | sass

Css的预处理器如果项目中没有scss预处理器，需要安装npminstall-Dsass-loadernode-sass修改配置文件vue.config.jsconstfs=require('fs')module.exports
PHP的点滴·2024-08-31 22:01

Vue 选中表格中的行，并勾选复选框，并查询表格第一页

querySelectedPackageProductList(){letparam={content:{id:this.childParam.content.packageId}};log('查询所有已勾选的列表元素入参',param);getPackageList(param).then((resp)=>{if(200===resp.status){this.$refs.multipleTab
赛亚人之神·2024-08-31 22:54
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他