vue3基础语法第7页

单HTML文件集成vue3+ElementPlus的使用

1、新建一个HTML文件2、HTML文件引用vue3.js3、引用elementplus.js和elementplus.css4、Vue初始化ElementPlus5、页面中可以使用ElementPlus

bjzhang75·2024-08-26 08:07

vue ref和reactive区别

Vue3中的ref和reactive都是用于创建响应式数据的API，但它们在数据类型、使用方式、访问方式、设计理念以及应用场景等方面存在明显的区别。

灰海·2024-08-26 08:32

Python文件操作02（自动化测试文件相关操作）

Python基础语法文章导航：Python基础（01初识数据类型&变量）Python基础（02条件&循环语句）Python基础（03字符串格式化&运算符&进制&编码）Python基础（04基础练习题）Python

小彭向前冲·2024-08-26 04:11

vue3生命周期源码浅析

概述生命周期在Vue3中是一个很重要的概念，它允许我们在特定的时间点执行一些代码，比如在组件创建、更新和销毁时执行一些操作。

Jinuss·2024-08-25 22:35

《TypeScript》 - 基础语法

TypeScript程序由以下几个部分组成：模块函数变量语句和表达式注释tsc常用编译参数如下表所示：--help：显示帮助信息--module：载入扩展模块--target：设置ECMA版本,"ES3"（默认），'--target'optionmustbe:'es3','es5','es6','es2015','es2016','es2017','es2018','es2019','es2020

张中华·2024-08-25 21:18

vue3 vue-router嵌套两级路由时，每一级路由都使用transition+keep-alive时，二级路由之间切换离场动效正常，一级路由之间切换会导致离场的页面组件离场动效重复1遍

vue3中使用vue-router嵌套两级路由时，每一级路由都使用transition+keep-alive时，二级路由之间切换离场动效正常，一级路由之间切换会导致离场的页面组件离场动效重复1遍，即播放了两遍离场动效场景复现问题场景和这篇文章中的是类似的

温温温B·2024-08-25 21:56

基础语法-06Python输入和输出

基础语法-06Python输入和输出一、输入1.1输入的语法1.2输⼊的特点1.3将输入转换为其他数据类型二、输出2.1格式化输出2.1.1格式化符号2.1.2格式化输出实践2.2转义字符2.3结束符

一颗大Lemon·2024-08-25 20:18

基础语法17 Python异常、模块和包

基础语法17Python异常、模块和包一、异常处理1.1'try'、'except'和'finally'1.2多个'except'分支1.3raise引发异常二、模块2.1导入模块2.2.给模块起别名2.33

一颗大Lemon·2024-08-25 20:18

vue3表单中v-model指令的使用

当我改变input框的内容，外面内容也会随之改变用了v-model绑定数据，input就不用写value属性constapp=Vue.createApp({data(){return{msg:'hellovue3

木子木木lmd·2024-08-25 16:34

【Vue3 从入门到实战进阶式掌握完整知识体系】014-探索组件的理念：父子组件如何通过事件进行通信

5、父子组件如何通过事件进行通信子组件调用的方法让父组件处理子组件调用父组件的方法来改变父组件的数据。子组件无法改变父组件传过来的数据，可以通过此方法请求父组件来进行改变！hellovueconstapp=Vue.createApp({data(){return{count:1}},methods:{//在这里写一个handleAddOne()方法handleAddOne(){this.count

訾博ZiBo·2024-08-25 16:46

Vue3问题记录

Vue3问题记录使用elementPlus消息提示第一种方法先在组件中引入ElMessageimport{ElMessage}from"element-plus";然后使用ElMessage.success

栀椩·2024-08-25 14:14

【vue3|第25期】Vue3中的useRoute：轻松访问路由信息

我们一起成长；如果有不对的地方，还望各位大佬不吝赐教，谢谢^-^1.01365=37.7834；0.99365=0.02551.02365=1377.4083；0.98365=0.0006说在最前面：本文vue3

Commas.KM·2024-08-25 14:13

FastAPI+Vue3零基础开发ERP系统项目实战课 20240824上课笔记循环和函数以及大量的练习

巩固一下假设我们现在想要根据输入月份，判断是哪个季节，怎么做呀？输入1：一月，12月，1月，2月是冬季输入8：八月，夏季作为思考题，有时间就做一下，下节课开始我们先讲这个。#假设我们现在想要根据输入月份，判断是哪个季节，怎么做呀？month=int(input("请输入月份："))ifmonthin[12,1,2]:print("冬天")elifmonthin[3,4,5]:print("春天")

Python私教·2024-08-25 13:07

使用PowerShell自动化Windows系统管理任务

文章目录使用PowerShell自动化Windows系统管理任务一、引言二、PowerShell基础1、基础语法2、实战案例：自动化文件备份三、高级功能1、模块化管理2、远程管理3、与其他工具集成四、总结使用

eqa11·2024-08-25 10:53

Java开发的企业级Spring Cloud ERP管理系统源码

为此，我们开发了一套基于Java技术的鸿鹄ERP管理系统，该系统整合了SpringCloudAlibaba、SpringBoot、MybatisPlus、Redis等前沿技术，并采用了VUE3和ElementUI

m0_67544708·2024-08-25 10:52

Vue-devtools 大揭秘：Vue3.X 和 Vue2.X 调试工具安装及使用指南

目录Vue-devtools介绍Vue2.X调试工具Vue-devtools的安装Vue2.X调试工具Vue-devtools的使用Vue3.X调试工具Vue-devtools的安装Vue3.X调试工具

前端基地·2024-08-25 10:21

基于vue3和audio封装的简易音频播放器

样式如图所示{{fileName}}{{transTime(audioCurrent)}}{{transTime(audioDuration)}}import{ref,onBeforeMount,onUnmounted,onMounted,watch,nextTick}from'vue';constprops=defineProps({//音频地址url:{type:String,required

九号窗口·2024-08-25 09:43

登录逻辑前后端全流程(vue3 pinia nodejs)

简述输入用户名密码，post请求发给后端；如果登陆成功，后端用JWT创建并返回token，前端保存token（pinia&localstorage）。跳转任意页面之前，如果没有token（没登陆的情况）ORtoken过期的情况，都要跳转至login页面详细讲解（前端）点击登录后，后端返回token，前端存在pinia（仓库）中，同时localstorage保存（浏览器记录）。注意token是域名下

aPurpleBerry·2024-08-25 08:34

vue3+vue-router4 路由守卫

router/index.ts:import{createRouter,createWebHistory}from'vue-router'constrouter=createRouter({history:createWebHistory(import.meta.env.BASE_URL),routes:[{path:'/',redirect:'/home',},{path:'/home',com

徐同保·2024-08-25 02:30

vue3框架腾讯地图v1版项目-MultiMarker点标记自定义样式和图片的写法

vue3框架腾讯地图v1版项目-MultiMarker点标记自定义样式和图片的写法一.项目\环境\需求介绍该项目原为vue3+高德地图项目,由于公司原因,打算换成腾讯地图,在原有项目基础功能上进行调整更改

麻瓜呀·2024-08-25 01:23

UniApp Vue3版如何实现微信小程序样式穿透

很多伙伴在写vue3的时候，都使用了组合式api。而在修改微信小程序的样式的时候，遇到不生效问题，H5却很听话。其实uniapp有个参数配置，需要开启小程序的样式穿透才行。

antlers777_·2024-08-24 21:59

vue3-巧用指令

不知道大家在工作中用上vue3了没有，vue3好是好，但是有部分插件并没有更新到3.0的，比如我比较喜欢的自定义滚动条overlayscrollbars，vue3直接使用overlayscrollbars-vue

qfxietian·2024-08-24 20:58

vue3+ElementPlus之CSS深度访问选择器

vue3+ElementPlus之CSS深度访问-deep前言一、demo环境二、问题1-重置elementpluscss无效三、问题2-引入icon无效1、element-plusIcon需要另外安装

Bennett_G·2024-08-24 20:57

Element Plus的deep穿透

ElementPlus的deep穿透主要用于解决在Vue3项目中使用ElementPlus组件库时，样式设置不生效的问题。

HWL5679·2024-08-24 20:27

vue3 使用element-plus动态渲染Icon图标

今天使用vue3+vite重构项目的时候，构建侧边栏的时候需要动态渲染图标之前的写法是这样就可以写一个数组，动态的绑定class但是在vue3中不能这样使用官方给出的实例是这样的但是这样动态渲染就不行了

山野见·2024-08-24 20:56

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

WPF的XAML事件

Windows消息机制中重要概念之一，最常见的人机交互手段之一2、XAML帮助应用管理用户输入，执行不同的行为3、引入增强型事件处理系统-RoutedEvent（路由事件）4、事件常常被用于控制更改通知操作事件基础语法

Mrhuangjimin·2024-08-24 09:48

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

Python入门级[ 基础语法函数... ] 笔记例题较多

本文是刚学习Python的笔记，当时使用的编辑器是交互式编程，所以很多代码可能在你们的编译器上面不能运行，我用快引用引起来了，还需要大家自己动手试一试。内容涉及的比较简单，主要还是Python的语法部分：三元运算条件表达式、嵌套查询、for循环、列表和切片以及相关的函数（这方便还是蛮重要的），当然后续还会更新，蟹蟹٩('ω')大家支持，更多内容，敬请期待！。有点小用的话，点赞收藏+关注吧！！！目录

梦茹^_^·2024-08-23 16:29

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

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

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

推荐频道

vue3基础语法