vue3知识总结

vue3+element-plus el-input 自动获取焦点

虽然element有提供input的autofocus属性，但是当我们第二次进入页面就会发现autofocus已经不再生效，需要通过onMounted去触发input的focus解决这个问题。1.先给el-input绑定一个ref：2.定义一个函数去触发这个input的focus：constfocusInput=()=>{nextTick(()=>{inputRef.value.focus()})
Hico、·2024-03-08 06:59

vue3的开发小技巧

$refs.ch.fn();//子组件函数抛出constfn=()=>{};defineExpose({fn});如何访问全局api众所周知，vue3没有this，所以，一些封装在全局的变量或api不太好引用
单调的王先森·2024-03-07 19:14

【无标题】

Vue3有哪些新特性和改进？CompositionAPI：引入了CompositionAPI，允许开发者按逻辑功能组织代码，提高代码的可复用性和可维护性。
谷渊77·2024-03-06 18:13

【vue3 路由使用与讲解】vue-router ： 简洁直观的全面介绍

#核心内容介绍路由跳转有两种方式：声明式导航：编程式导航：router.push(...)或router.replace(...)；两者的规则完全一致。push(to:RouteLocationRaw):Promisereplace(to:RouteLocationRaw):Promise;由于属性to与router.push接受的对象种类相同，所以两者的规则完全相同。路由传参有两种方法：para
oumae-kumiko·2024-03-06 18:13

day49（vueJS）vue3的生命周期钩子 服务端渲染概念 vue3的组建通信 vue3的ref属性应用 vue3（vuex和pinia的使用）

vue3的生命周期钩子服务端渲染概念vue3的组建通信vue3的ref属性应用vue3（vuex和pinia的使用）vue3的生命周期钩子常规要点、总结代码演示补充要点、总结服务端渲染概念要点总结vue3
李中豪前端大佬·2024-03-05 21:16

Vue3教程

1.1配置环境vue官网：Vue.js-TheProgressiveJavaScriptFramework|Vue.js终端Linux和Mac上可以用自带的终端。Windows上推荐用powershell或者cmd。GitBash有些指令不兼容。安装Nodejs安装地址：Node.js安装@vue/cli打开GitBash，执行：npmi-g@vue/cli如果执行后面的操作有bug，可能是最新版
m0_59519985·2024-03-05 19:14

VUE3（二）使用vue-cli创建一个项目

VUE3官方推荐使用vite来构建项目，但是并不是说之前使用vue-cli创建项目就不行了。
camellias__·2024-03-05 13:03

vue3配合naive-ui的虚拟表格显示超过1000条数据，并且带有单选按钮

父组件import{h,ref}from"vue";importtype{DataTableColumns}from"naive-ui";importHomeViewfrom"./views/HomeView.vue";interfaceRowData{key:number;name:string;age:number;address:string;}constselect=ref(null);c
沙滩上的一颗石头·2024-03-05 05:56

Vue 3 中的 Teleport 特性详解

引言在Vue3中，引入了一个名为Teleport的新特性。这个特性允许开发者将组件的子组件“传送”到DOM中的任意位置，而不仅仅是它们的直接父级内部。
琛哥的程序·2024-03-04 14:36

Vue 3 中的 Composition API 详解

随着前端技术的不断发展和项目复杂度的增加，Vue团队推出了Vue3，并引入了CompositionAPI，以更好地满足复杂应用的需求。一、CompositionAPI是什么？
奔强的程序·2024-03-04 07:56

Vue 3 中的 setup 函数是如何工作的？

Vue3中的setup函数是一个新的组件选项，用于使用组合式API定义组件的逻辑。这个函数的引入是为了解决Vue2中随着组件复杂度的增长，选项式的API可能导致代码难以维护和理解的问题。
奔强的程序·2024-03-04 07:56

Astro + NextUI 搭建个人博客（导航组件篇）

Astro简介由于我之前的个人博客是Vue3+Quasar+Koa+MySql搭建的，整体就是SPA的思路，作为练手倒是可以锻炼前后端各方面的能力。
·2024-03-04 00:18

Vue 3.4 - 详细发布说明

Vue3是Vue.js的一个主要版本，它引入了许多新的特性和改进，包括CompositionAPI、性能优化和更小的体积。现在，随着Vue3.4的发布，这个框架又向前迈进了一大步。
大鱼前端·2024-03-03 07:25

Vue 3.4 - 详细发布说明

Vue3是Vue.js的一个主要版本，它引入了许多新的特性和改进，包括CompositionAPI、性能优化和更小的体积。现在，随着Vue3.4的发布，这个框架又向前迈进了一大步。
·2024-03-03 01:33

Vue3 + ElementUIPlus获取node的parent节点

Vue3+ElementUIPlus获取node的parent节点el-tree可以但是el-tree-v2是不可以的
简单点了·2024-03-02 11:57

vue3实现表格单元格可编辑

以往编辑表格内容都是点击编辑按钮，进入编辑页面或弹窗对整行做编辑的效果。而这次由于项目需要实现在表格内双击就能编辑对应单元格的功能，对于没有做过的我来说也是一个新挑战。需要达到的效果：方案一由于项目使用的是element-ui，所以一开始想到的就是去table组件找有没有能满足此需求的属性。没想到还真有（cell-dblclick）。下面看实现效果（部分代码）：{{props.row.amount
HuaHua·Li·2024-03-02 07:50

vue3+ts实现图片预览功能

首先，需要创建一个Vue组件，用于显示图片和预览图。import{ref}from'vue';exportdefault{props:{imageSrc:{type:String,required:true,},previewSrc:{type:String,required:true,},},setup(props){constpreviewVisible=ref(false);constsho
前端fighter·2024-03-02 07:49

TypeScript 中的 type 和 interface：你真的了解它们的不同吗？

如果你有写过Vue3的项目，那么对TypeScript肯定不会陌生。
·2024-03-02 05:20

从前不知，原来数学可以这样学

今天分享的是高中数学必修1-5重点知识总结及高考前不同阶段的学习重点，想要在高考前提升成绩的同学，一定要看！数学对大多数的学生来说，无疑为一场噩梦。大多数学生的数学成绩似乎都不太理想。
高中逆袭墙·2024-03-01 23:03

Vue3中的Hooks详解

vue3带来了CompositionAPI，其中Hooks是其重要组成部分。
·2024-03-01 23:16

Vue-5

Vue3的优势更容易维护（组合式API）更快的速度更小的体积更优的数据响应创建Vue3项目前提环境条件：已安装16.0或更高版本的Node.jsnode-v创建一个Vue应用（下面的指令将会安装并执行create-vue
-seventy-·2024-03-01 20:35

Vue3 实现一个简单的方位动画

这是最近遇到的一个有点意思的需求，需要根据后端返回的数据，在一块地图的具体的方位上显示对应位置标识（位置图钉）。不用十分精确，只要能表现出大致的方位即可。类似下面的效果，有点像游戏里的地图标识。设计思路由于不用十分精确，就用最简单的div+css来实现位置标识的显示和动画。之后再通过配合背景图片来保证最基础的效果。方位总共9个，东南西北中加上四个角，通过Grid布局让其形成3*3的格子。位置标识只
·2024-02-29 22:28

vue3实现页面跳转

在Vue3中，可以使用router来实现页面跳转。
我爱学习yq·2024-02-29 20:01

vue、react和小程序的状态管理

vue2的状态管理vuexvuex官网：https://vuex.vuejs.org/vuex安装在vue2中使用vuex的3版本：npmivuex@3在vue3中使用vuex的4版本：npmivuex
LLLuckyGirl~·2024-02-29 19:30

vue3+vite+vant移动端适配记录

1、根节点rem适配1.1、body需要设置一个默认的字体大小，可以设置为16pxbody{font-size:16px;height:100vh;}#app{max-width:750px;min-width:320px;overflow:hidden;min-height:100vh;margin:0auto;}1.2、动态设置根节点rem-->importloginfrom'./page/l
baidu_41921865·2024-02-28 09:19

日更【系统架构设计师知识总结2】指令系统（结合真题）

【原创精华】结合老师的讲授、耗费三个小时的精华总结对正在备考的你一定有用！！自己一点点手打、总结的脑图，把散落在课本以及老师讲授的知识点合并汇总，反复提炼语言，形成知识框架。希望能给同样在学习的伙伴一点帮助！学习中遇到的问题记录：指令到底由操作数和操作码组成还是由操作码和地址码组成解答：指令的确切组成取决于指令集架构（ISA）的设计。在大多数情况下，一条指令会包含操作码（opcode）和操作数（o
笛子兔·2024-02-28 03:12

vue3生命周期

vue3的钩子函数基本是再vue2的基础上加了一个on,但也有两个钩子函数发生了变化。
栗子daisy·2024-02-27 19:15

vue3中vue-pdf-embed实现放大、缩小、上一页、下一页、滚动翻页功能（pdf文件预览）

1.安装插件npminstallvue3-pdfjsnpminstallvue-pdf-embed2.完整代码上一页{{state.pageNum}}/{{state.numPages}}下一页放大缩小下载
℘团子এ·2024-02-27 18:30

vue3上传文件到服务器

第一种方式将文件拖到此处或点击上传文件仅支持Excel。单个附件大小不超过3M{{item.attachmentName}}//导入服务商清单constonChange=(file)=>{//附件格式constfileType=["xlsx","xls"];constsize=3;if(fileType){constfileCut=file.file.name.substring(file.fil
℘团子এ·2024-02-27 08:17

这款完全自定义配置的浏览器起始页插件值得你收藏！

项目介绍HowdzDashboard——一个基于Vue3、Typescript、
·2024-02-27 02:08

vue3升级了什么

Vue3在许多方面都进行了功能性升级和改进。
亮学长·2024-02-26 11:54

vue3使用ElementPlus upload上传文件的两种方式

1.不使用actiona:html部分（上传单个文件）b:js部分//上传consthandleChange=(rawFile)=>{if(rawFile.type!=="image/jpeg"&&rawFile.type!=="image/png"){ElMessage.error("只能上传jpeg/jpg/png图片");returnfalse;}elseif(rawFile.size/10
·2024-02-25 09:10

wo-gradient-card是一款采用uniapp实现的透明辉光动画卡片

采用uniapp-vue3实现，透明辉光动画卡片，卡片内容包含标签、标题、副标题、图片支持H5、微信小程序（其他小程序未测试过，可自行尝试）可用于参考学习可到插件市场下载尝试：https://ext.dcloud.net.cn
狼性书生·2024-02-25 02:09

#11vue3中使用el-dialog展示与关闭交由父组件控制的写法

目录1、法一：通过defineEmits调用父组件方法1.1、父组件1.2、子组件（CONTENT）2、法二：通过difineExpose暴露子组件属性2.1、父组件2.2、子组件（Child）1、法一：通过defineEmits调用父组件方法1.1、父组件constfinish=ref(false);constclick=()=>{finish.value=!finish.value;}打开di
火鸡nobug·2024-02-24 02:17

HarmonyOS 4.0 开发入门（一）

日常逼逼叨因为本人之前做过一些Android相关的程序开发，对移动端的开发兴趣比较浓厚，近期也了解到了一些关于华为HarmonyOS4.0的事件热点，结合黑马相关教学视频以及一些相关的技术博客，对HarmonyOS开发做一个知识总结
Jerry Lau·2024-02-23 04:20

vue3 响应式原理 双向绑定原理

Vue.js的响应式原理和双向绑定原理是Vue.js框架的核心机制，它们共同实现了Vue.js的数据驱动视图的特点。1.响应式原理Vue.js的响应式原理基于JavaScript的Object.defineProperty()方法。Vue.js在初始化时，会遍历data中的所有属性，并使用Object.defineProperty()方法将这些属性转化为getter和setter，这样Vue.js
zhaojjjjjj163·2024-02-22 19:09

JeePlus快速开发平台 validateMobile SQL注入漏洞复现

0x01产品简介JeePlus（洁普斯）是一个软件快速开发平台，使用多种现代Web技术，包括SpringCloud/SpringBoot、MyBatisPlus、SpringSecurity、Redis、Vue3
OidBoy_G·2024-02-20 23:19

Jeeplus快速开发平台 validateMobileExist SQL注入漏洞

0x01产品简介JeePlus（洁普斯）是一个软件快速开发平台，使用多种现代Web技术，包括SpringCloud/SpringBoot、MyBatisPlus、SpringSecurity、Redis、Vue3
OidBoy_G·2024-02-20 23:47

Vue3页面自适应，表格滚动高度

TS端代码：import{ref,onMounted}from"vue";/***Vue3计算剩余高度**/exportdefaultfunctio
大阳光男孩·2024-02-20 23:11

Vue3引用第三方模块报错Could not find a declaration file for module ***.

js文件解决方案：1.在Src的目录下面新建一个文件为shims-vue.d.ts的文件2.文件内容为declaremodule'xxx'，xxx就是你报错的模块例如我这样declaremodule'vue3
大阳光男孩·2024-02-20 23:11

Vue3自定义全局指令批量注册

指令封装代码：importtype{App}from"vue";constcontent={mounted(el:any,binding:any){console.dir(binding.value);el.remove();}};constoperate={mounted(el:any,binding:any){console.dir(binding.value);el.remove();}};
大阳光男孩·2024-02-20 23:38

vue3使用pinia

vue3使用piniapinia类似于vuex,但相对于vuex少了mutations和modules。
酒渣·2024-02-20 22:32

uniapp微信小程序开发踩坑日记：onShow的应用场景及用法

之后再通过导航栏切换到相同的页面并不会导致页面重新加载但是在某些场景下，我们希望每次用户一回到某个页面，就执行相应的函数，但因为导航栏切换页面并不会导致页面重新加载，所以页面中的代码不会被再次执行如果大家和我一样使用vue3
早八睡不醒午觉睡不够的程序猿·2024-02-20 19:36

Vue3+vite搭建基础架构（8）--- 使用pinia-plugin-persist

Vue3+vite搭建基础架构（8）---使用pinia-plugin-persist说明官方文档安装pinia-plugin-persist使用pinia-plugin-persist测试pinia-plugin-persist
谁不想飞舞青春·2024-02-20 19:26

Vue3+vite搭建基础架构（9）--- 使用vite-plugin-svg-icons

Vue3+vite搭建基础架构（9）---使用vite-plugin-svg-icons说明安装vite-plugin-svg-icons使用vite-plugin-svg-icons添加svg-icon
谁不想飞舞青春·2024-02-20 19:26

Vue3+vite搭建基础架构（10）--- 使用less和vite-plugin-vue-setup-extend

Vue3+vite搭建基础架构（10）---使用less和vite-plugin-vue-setup-extend说明官方文档安装less测试less表达式安装vite-plugin-vue-setup-extend
谁不想飞舞青春·2024-02-20 19:26

【无标题】vue3+pinia+vite管理平台模板（涉及顶部、侧边、导航栏菜单联动）

超实用的vue3+setup+pinia+vite项目模板主要实现顶部菜单、侧边菜单、导航栏菜单联动效果，效果相当的巴士惨了。
Silence翔海·2024-02-20 19:26

vue3.0+ts+element-plus多页签应用模板：多级路由缓存

二、路由扁平化三、定义tag模块处理路由缓存四、切换路由时加入缓存五、使用keep-alive系列文章vue3.0+ts+element-plus多页签应用模板：前言vue3.0+ts+element-plus
W先生-SirW·2024-02-20 19:24

Vue3+vite搭建基础架构（11）--- 菜单栏功能和Tab页功能实现

Vue3+vite搭建基础架构（11）---菜单栏功能和Tab页功能实现说明删除项目中不需要的文件userStore全局属性代码菜单栏代码Tab页代码解决浏览器输入地址时不会打开tab页问题和切换tab
谁不想飞舞青春·2024-02-20 19:23

vue2和vue3中sass的使用

我们将讨论如何在Vue2和Vue3版本中使用Sass。
·2024-02-20 19:34
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他