vue3脚手架第7页

vue3使用elementui-plus时使用深度选择器穿透影响原样式

一、原样式：下拉框选择时，右边存在一个下拉的箭头符号，那么在许多场景下我们不需要显示，这个时候就可以通过开发者工具进行定位，选中该元素，可以看到，影响的样式是：.el-iconsvg二、深度穿透修改原样式我们修改原样式，增加display:none即可不显示该符号，此时有两种方案，一种是取消style里面的scoped属性，这样会影响全局样式，导致所有的下拉框都没有这个符号了，这并不是我想要的，所

lytcreate.·2024-08-24 20:26

Vue3的hooks实战演练

1.没使用钩子前：各种数据和方法都交织一起，组件易维护，代码复用性差，可读性差工资总计：{{sum}}工资求和狗的照片：获取狗的照片import{ref,reactive}from'vue';importaxiosfrom'axios'letsum=ref(12000)letdogList=reactive(['https://images.dog.ceo/breeds/pembroke/n021

J不A秃V头A·2024-08-24 15:27

vue3项目使用signalr（长链接/服务端推送到客户端）

需求项目中需要服务端主动向客户端发送通知消息后端是.net6的webapi项目，前端是vue3全家桶项目，前后端分离这里使用signalR来实现，官网：ASP.NETCoreSignalR概述|MicrosoftLearn

woflyoycm·2024-08-24 13:10

探秘Vue 3：watchEffect与watch选项的差异

2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录摘要：引言：正文：一、Vue2中的watch选项二、Vue3

阿珊和她的猫·2024-08-24 12:09

vue前端更新后需要清空缓存

场景：前端vue3网站项目使用wepack打包后进行部署，但是用户浏览器访问网站时加载了缓存，导致没有及时更新。

woflyoycm·2024-08-24 12:06

微信小程序uniapp+vue3+ts+pinia的环境搭建

一.创建uniapp项目通过vue-cli创建npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3-project二.安装依赖：1.pnpmi2.运行项目：将package.json

Outcir·2024-08-24 12:36

vue2 - 详细实现用户收货地址识别解析“姓名/手机号/省市区/街道/乡镇村庄“关键字，用户复制粘贴一段含有姓名电话/详细地址的文字文本信息，vue3自动识别拆分并填入到对应表单字段中，详细示例代码

效果图在vue2、nuxt2项目开发中，实现手机H5移动端网页/电脑PC端网站，“快递地址解析拆分姓名/电话/省市区地址/详细街道乡镇村庄”，提取文本内容中的手机号名称详细位置信息填充到指定表单或data数据中进行处理，解析拆分电商购物平台中，发货物流地址一段文字中含有的关键信息，常见淘宝、京东、拼多多等电商平台只要涉及到收货地址/姓名手机号的文本识别都适用，识别免费可靠，提供详细示例源码。提供详

街尾杂货店&·2024-08-24 11:05

uniapp+vue3的双向渐变

在App.vue中/*每个页面公共css*/@import'common/style/common-style.scss'在common-style.scss中//全局双向渐变.pageColor{background:linear-gradient(tobottom,rgba(0,0,0,0),#fff400rpx),//到400rpx才做白色渐变linear-gradient(toright,

总萌大人·2024-08-24 11:59

VUE3配置sass、less全局变量

less配置流程和sass一致，把文中的scss换成less即可，less中变量定义为：@params-name安装sasssass-loader定义样式全局变量在style/variable.scss创建一个variable.scss文件,并定义全局变量$common-color:red项目中引入全局变量$在style/variable.scss创建一个variable.scss文件，并在vit

m0_50156032·2024-08-24 09:49

vue3使用canvas画动态虚线和普通虚线

1、使用ref封装虚线方法constdrawDashed=(x:any,y:any,x1:any,y1:any,color:any,width:any,canvas:any)=>{constctx=canvas.value.getContext("2d");ctx.lineWidth=width;ctx.strokeStyle=color;ctx.beginPath();ctx.setLineDa

Abao·2024-08-24 09:46

Vue3学习——Node环境安装（一）

在进行Vue项目开发时，必须先安装Node.js。Node.js是一个基于ChromeV8引擎的JavaScript运行环境。在Vue项目中，我们通常会使用到Node.js的npm（NodePackageManager）来管理项目所需的各种库和工具，例如Vite、Babel、ESLint等。此外，Node.js还可以用来运行开发环境中的本地服务器，以及编译、打包项目等。因此，安装Node.js是进

rain_love_snow·2024-08-24 06:57

vue3中shallowRe用法介绍

shallowReactive、‌shallowRef和shallowReadonly是Vue3中CompositionAPI的一部分，‌它们用于创建响应式数据，‌但与普通的reactive、‌ref和

phpgolife·2024-08-24 04:13

Vue3的Hooks的使用创建（组合式API的灵魂）

1.约定和最佳实践命名组合式函数约定用驼峰命名法命名，并以“use”作为开头。输入参数即便不依赖于ref或getter的响应性，组合式函数也可以接收它们作为参数。如果你正在编写一个可能被其他开发者使用的组合式函数，最好处理一下输入参数是ref或getter而非原始值的情况。可以利用toValue()工具函数来实现：import{toValue}from'vue'functionuseFeature

J不A秃V头A·2024-08-23 23:45

vue3什么场景使用computed?如何使用

比如说，我们有这样一个包含嵌套数组的对象：jsconstauthor=reactive({name:'JohnDoe',books:['Vue2-AdvancedGuide','Vue3-BasicGuide

fury_123·2024-08-23 23:42

Vue3的三种样式控制及实现原理

个人知乎Vue3中一共有三种样式控制，分别是全局样式控制、局部作用域样式控制和深度样式控制，今天我们一起看下这三种样式控制的使用，以及实现的原理是什么。

沐爸muba·2024-08-23 19:19

electron-vite封装UI级的消息提示

说明Electron+Vite+Vue3+ElementPlusElectron中写提示有两种方案：系统级：electron带的dialog相关APIUI级：UI框架内部的提示，如ElMessage、ElMessageBox

前端没钱·2024-08-23 18:12

Vue3+ElementPlus el-date-picker设置可选时间范围

需求:选择年份，对应的日期范围选择器跟随年份变化，只可选当前年份ElementPlus的el-data-picker没有picker-options属性，但是提供了default-value属性可以设置不可选的日期这里我们定义一个方法disabledDateFun用来筛选符合要求的日期，接受一个date格式的对象作为参数，返回格式为Boolean//此函数接受date作为参数通过判断是否符合要求返

屠灵666·2024-08-23 18:41

vue面试题十四

一、Vue3的CompositionAPI主要包括哪些函数和钩子？

笃励·2024-08-23 18:41

vue面试题十六

**一、Vue3相对于Vue2有哪些主要改进和新增特性？**Vue3相对于Vue2在多个方面进行了显著的改进和新增了多项特性，这些改进旨在提升性能、提供更好的开发体验以及增强代码的可维护性和可读性。

笃励·2024-08-23 17:35

vue3 语法糖＜script setup＞

在Vue3中，是一种新的语法糖，它极大地简化了组件的编写方式。是在单文件组件(SFC)中使用组合式API的编译时语法糖。当同时使用SFC与组合式API时该语法是默认推荐。

fishmemory7sec·2024-08-23 16:01

005 vue

01vue-helloworld.html02v-if与v-show.html03v-on.html04v-for.html05v-bind.html06v-model.htmlvue的生命周期vue组件化开发思想使用vue脚手架进行模块化开发

简洁冬冬·2024-08-23 13:40

十五分钟两百行代码，手写一个vue项目全局通用的弹框

所以我们可以抽离封装出一个通用的弹框；因为vue3可向下兼容，所以作者这边会使用vue2的写法，vue3写法大同小异。

山里看瓜·2024-08-23 12:34

vue脚手架 axios的二次封装组件缓存

目录01路由懒加载(重要)02axios在脚手架中的使用03.axios的二次封装04组件缓存01路由懒加载(重要)一次性导入会出现严重的问题:首屏卡顿因为main.js中引入了router/index.jsrouter

♡静·2024-08-23 12:33

在线⼩说系统架构分析

以下是对在线小说系统架构的分析：技术选型：现代的在线小说系统通常基于当前流行的技术栈进行开发，如使用SpringBoot3+Vue3实现前后端分离，确保系统的可维护性和可扩展性。

h17711347205·2024-08-23 06:55

uniapp+vue3的轮播图

图片：宽度：690,高度：340.layout{.banner{width:750rpx;padding:30rpx0;swiper{width:750rpx;height:340rpx;&-item{width:100%;height:100%;padding:030rpx;image{width:100%;height:100%;border-radius:12rpx;}}}}}在公共样式加入

总萌大人·2024-08-23 05:52

若依AI(VUE3 个人学习记录--更新中)

一、环境搭建1.若依Vue前后端代码拉取前端仓库地址：https://gitee.com/ys-gitee/RuoYi-Vue3后端仓库地址：https://gitee.com/y_project/RuoYi-Vue2

涉世尚浅哇·2024-08-23 04:44

Vue3-Lazy 开源项目安装与使用教程

Vue3-Lazy开源项目安装与使用教程vue3-lazy项目地址:https://gitcode.com/gh_mirrors/vu/vue3-lazy一、项目目录结构及介绍Vue3-Lazy是一个基于

邬稳研Beneficient·2024-08-23 04:43

生成Vue脚手架报错：npm error code ETIMEDOUT

遇到ETIMEDOUT错误通常表示你的npm请求在尝试连接到npm仓库（如https://registry.npmjs.org）时超时了。这个问题通常与网络连接、代理设置或网络配置有关。以下是一些解决这个问题的步骤：检查网络连接：确保你的设备可以正常访问互联网。尝试访问其他网站或使用其他网络工具（如ping或traceroute）来检查网络连接。检查代理设置：如果你在公司或学校网络下，可能需要通过

苦茶折柳·2024-08-23 03:39

vscode 配置vue3模板，快速生成vue2,vue3代码

配置vue模板vue3模板vue2模板vue3模板1.找到配置用户代码片段2.输入你想配置的模板名模板名.json因为我已经配置过了，所以输入时已经显示出来了3.配置模板{"Print5toconsole

又双叒叕778·2024-08-23 00:50

css穿透样式：deep的用法

在Vue3中，我们可以使用::v-deep来替代Vue2中的>>>或::v-deep(在单文件组件的中)。::v-deep允许我们选择子组件中的深层嵌套元

番茄小酱001·2024-08-23 00:17

Vue快速入门(七)——Vue3 状态管理 - Pinia（二）

目录六、核心概念——Getter1、基本操作定义getter访问getter2、访问其他getter3、向getter传递参数4、访问其他store的getter使用setup()时的用法使用选项式API的用法使用setup()不使用setup()七、核心概念——Action1、基本操作定义action访问action2、访问其他store的action使用选项式API的用法使用setup()不使

bjzhang75·2024-08-23 00:44

3秒钟教你如何配置vscode中的vue3代码快速生成模版

2.输入vue搜索vue.json这个文件，然后点击这个文件3.接下来只需在原有的注释之下输入粘贴如下代码即可代码如下："vue3":{"prefix":"vue3","body":["","","",

一只花小妖·2024-08-22 23:44

如何在Vue3中实现虚拟列表，使用虚拟滚动技术展示大数据集合，提高性能

如何在Vue3中实现虚拟列表，使用虚拟滚动技术展示大数据集合，提高性能在现代前端开发，数据驱动的应用越来越依赖于高性能的用户界面。

JJCTO袁龙·2024-08-22 23:10

微信小程序vue3父组件调用vue2子组件传多个参数方法

vue3父组件调用vue2子组件传参数1.vue3父组件添加车牌号</div

儿鱼·2024-08-22 22:07

vue3 组合式 API：setup()

查看vue3官网介绍：组合式API：setup()在Vue3中，组合式API的setup()函数是一个非常重要的特性，它提供了一种更灵活和可维护的方式来组织组件的逻辑。

fishmemory7sec·2024-08-22 21:03

基于云平台的物流管理系统的设计与实现货物-仓库-派车-供应商技术SpringBoot+VUE3+element-plus/nodejs/python/MySQL

一选题依据物流管理系统是一个企事业单位不可缺少的部分,它的内容对于企事业的决策者和管理者来说都至关重要,所以物流管理系统应该能够为用户提供充足的信息和快捷的数据处理手段。物流管理系统是集现代运输、仓储、配送、搬运、包装、产品流通及信息管理于一体的网络系统,它实现了商品从原料供应商、制造商、分销商、零售商到消费者的各个流通环节的有机结合,以合理费用将确定的商品在需要的时间送达指定位置。该管理系统以I

计算机程序设计开发·2024-08-22 13:46

Vue 3 watchEffect教程

Vue3watchEffect教程Vue3watchEffect教程简介什么是watchEffect？

道长不会写代码·2024-08-22 07:36

使用Vue 3 + DataV搭建大数据可视化大屏技术框架实战指南

Vue3，作为新一代的前端框架，以其更高效的性能和更灵活的CompositionAPI吸引了众多开发者。

不知名靓仔·2024-08-22 07:03

Vue 3项目安装Element-Plus

ElementPlus是一个基于Vue3的现代前端UI框架，它旨在提升开发体验，并为开发者提供高效、优雅的组件。

洛*璃·2024-08-22 04:19

vue3组件通信与props

title:vue3组件通信与propsdate:2024/5/31下午9:00:57updated:2024/5/31下午9:00:57categories:前端开发tags:Vue3组件Props详解生命周期数据通信模板语法

qcidyu·2024-08-22 04:18

Vue3项目-Cesium地图初始化

一、安装、配置Cesium1、安装Cesiumnpminstallcesium2、文件拷贝将node_modules中cesium/Build/Cesium文件夹拷贝至public目录下3、index.html配置Vite+Vue二、使用Cesium1、HTML经度：{{location.lon.toFixed(6)}}纬度：{{location.lat.toFixed(6)}}2、JavaScr

呆呆的小草·2024-08-22 03:44

【vue3】组件通信

一、Vue3组件通信和Vue2的区别：●移出事件总线，使用mitt代替。●vuex换成了pinia。●把.sync优化到了v-model里面了。

逆旅行天涯·2024-08-22 03:09

详细介绍 Vue3 的 watch 和 watchEffect

在Vue3中，watch和watchEffect都是用于响应式地监听数据变化的工具，但它们有不同的使用场景和工作机制。

代码里的小猫咪·2024-08-22 02:06

react脚手架留言板（1）

首先打开cmd输入npxcreate-react-appmy-app创建一个react库在src中找到index.js将里面内容清空然后创建四个js文件Comment，CommentBox,CommentList,CommentForm再在src下创建一个css文件夹，里面创建一个my.css首先先在index中引入组件importReactfrom'react';importReactDOMfr

落花不羡月·2024-08-22 00:53

JavaScript+react笔记

开始一个工程安装脚手架及工具下载node.js并安装node-v检查是否安装成功npminstallcreate-react-app-g安装yarnnpminstall-gyarnyarn--versionYarn

mayi666777·2024-08-21 23:15

vue3 vxe-grid 列自动扩展的问题，设置了width，然后maxWidth设置将不会起作用。

1、先上个图，我们先看一下官网说明：这里说明一点：1）如果我们全部设置了width，每一列都有width，那么系统会自动按照width来布局，也就是说你设置多少就是多少，屏越大，就越不会铺满。2）如果我们设置了min-width及max-width，那么系统会根据这个来处理。3）如果我们设置了%，百分比的话，那会根据百分比来布局。这里让我们感觉到一点，百分比也是比较管用的。2、那我们现在布局就有好

花花鱼·2024-08-21 23:13

Vue3 + Electron 创建新的子窗口且子窗口唯一

main.jsconst{app,BrowserWindow,ipcMain}=require('electron')...ipcMain.on('window-create',()=>{createChildWindow()})letchildWindow=nullconstcreateChildWindow=()=>{//如果窗口存在先销毁if(childWindow){childWindow

冰糖葫芦不结冰·2024-08-21 21:33

【Electron-Vue】搭建Electron-Vue前端桌面应用

目录前言搭建前准备开始搭建第一步：全局安装vue脚手架（如果已安装，就不必进行这一步了）第二步：通过vue脚手架，创建一个vue项目第三步：进入创建好的vue项目文件，安装electron第四步：配置package.json

aDiaoYa_·2024-08-21 19:22

Vue3项目-Electron构建桌面应用程序

一、创建Vue3项目1、安装vue-clinpmi-g@vue/cli#ORyarnglobaladd@vue/cli2、创建vue项目(vue3)npmcreatevue@latest3、创建完成后启动项目

呆呆的小草·2024-08-21 18:46

reactive和ref的异同、toRef和toRefs的使用

相同点：都是Vue3提供的用于创建响应式数据的函数；在组件中都能够触发视图更新，实现数据的双向绑定。不同点：数据类型：reactiv

Niucode·2024-03-28 12:14

推荐频道

vue3脚手架