vue3知识收集

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

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

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

vue2和vue3 通过函数调用一个组件

实现一个简单的弹窗组件：vue2函数式组件写法，通过extend方法：创建ui.vue文件，存放我们的组件，如下：你好关闭.dialog{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:rgba($color:#000000,$alpha:0.2);&-body{width:500px;height:300
·2024-02-20 19:01

vue3项目配置按需自动导入API组件unplugin-auto-import

场景应用：避免写一大堆的import，比如关于Vue和VueRouter的1、安装unplugin-auto-importnpmi-Dunplugin-auto-import2、配置vite.configimportAutoImportfrom'unplugin-auto-import/vite'//按需自动加载API插件AutoImport({imports:["vue","vue-router
菜鸟茜·2024-02-20 18:45

利用vite快速搭建vue3项目

1、选择一个文件夹，在vscode终端打开，输入命令【npmcreatevite@latest】npmcreatevite@latest2、提示你输入项目名称之后，我这里设置的是【rookiedemo】3、回车之后，出现选择框架的提示，我们选择【vue】回车4、之后根据你的编码习惯或需要，选择【ts】或者【js】，点回车5、vite非常贴心，按照对应的提示，即可6、【cdrookiedemo】进入
菜鸟茜·2024-02-20 18:15

vue3项目配置按需自动引入自定义组件unplugin-vue-components

我们通常在项目中，需要手动引入自定义的各种组件，如果涉及的页面功能比较多的话，光是import的长度都能赶上春联了。如果，能有一个插件帮我们实现自动引入，是不是要谢天谢地了呢？接下来就进入我们的主角unplugin-vue-components，这就是前端大神AnthonyFu写的的非常好用的插件，其实已经被vite官方收录了1、安装unplugin-vue-componentsnpmiunplu
菜鸟茜·2024-02-20 18:39

在普通的html页面用Vue3组合式API写的项目（无需Node.js环境和构建项目）

摘要Vue.js的优点有很多，但是其使用门槛对于只学习过普通的项目的同学来说，还是比较有挑战性的，如果你真的想把Vue学的很溜，真的需要一个非常系统的学习才能运用起来。因为学习Vue你不仅仅是学习他的语法、API和一些开发的规范，你还要学习构建工具的使用、调试、打包等等，有些人连最基本的开发环境都还没能顺利搭建起来。如果你不想使用Vue强大的生态和工具，只想在html页面中使用Vue也是可以的，因
·2024-02-20 17:54

Vue 3的provide和inject用法

了解Vue3的provide和inject用法前言在组合式API中的用法基本用法前言provide和inject在Vue2中已经被广泛应用，不是新鲜API，3.0重新认识一下它们两个。
超人不会飞°ོ·2024-02-20 17:44

react的createContext及useContext 和 vue3的 provide 及 inject

这几个方法都是用于多层嵌套组件时，父组件向某个深层组件的传值，避免了props一层一层的传递。reactcreateContext和useContext新建context.ts文件：import{createContext}from'react'exportconstMyContext=createContext(null)父组件：import{MyContext}from'./context'i
Mosowe·2024-02-20 17:13

vue3使用provide/inject实现全局变量功能，部分摆脱vuex

vue3新的provide/inject功能可以穿透多层组件，实现数据从父组件传递到子组件。这时将所有需要使用的全局变量在根组件就provide，这样，所有的组件都能使用到这个变量。
炎魔之王·2024-02-20 17:43

vue3中，ref()、reactive()、computed()、watch() 和 watchEffect()的区别

ref()、reactive()、computed()、watch()和watchEffect()是Vue3中常用的响应式处理函数，它们的主要区别如下：ref()：ref()函数用于将一个普通的JavaScript
hzxOnlineOk·2024-02-20 17:12

在Vue3中使用Provide / Inject

前面已经讲了浅谈Vue2中provide和inject使用，今天讲讲在Vue3中如何使用provide和injectVue3的写法已经和Vue2有所不同，因此需要熟悉Vue3的写法，其实变动不大，现在官方文档也有详细介绍
NMGWAP·2024-02-20 17:12

vite+ts+vue3项目初始化 -- eslint+prettier代码格式化

vue3+ts项目初始化配置--eslint+prettier格式化校验一、配置@代替src目录二、项目中引入scss三、引入公共样式四、引入组件报红色波浪线五、有些语法不认识需要在vscode中安装Volar
weixin_43993776·2024-02-20 17:55

Vite 搭建 Vue2 项目（Vue2 + vue-router + vuex）

相信有些开发者还没开始学Vue3，但又想尝尝Vite。那可以参考本文的进食方式。如果心急的话，“0、简介”可以跳过。0、简介在写本文时，Vite默认不提供Vue2项目的创建方式。
德育处主任Pro·2024-02-20 17:23

vue3+vite插件配置系列1-vite-plugin-pages搭配vue-router

介绍vite插件，可以读取文件夹下的vue文件，自动生成vue-router的路由信息，这样以后每次有新的vue页面增加，都不用去更改vue-router的路由信息代码了，减少了工作量使用1.下载[email protected]配置importPagesfrom"vite-plugin-pages"export
永远不会太晚·2024-02-20 17:51

TypeScript+Vue3+Vite+VueRouter+Pinia的项目搭建

1.TypeScript+Vue3+Vite+VueRouter+Pinia的项目搭建1.1使用Vite初始化Vue3+TypeScript项目开发Vue3项目首先要确保电脑上安装了Vite脚手架，本节课程略过
随风小薇·2024-02-20 17:21

【退役之重学前端】使用vite+vue3+vue-router，重构react+react-router前后端分离的商城后台管理系统

——2024年2月16日技术选型#语言和框架vue3sassbootstrapES7#架构前后端分离分层架构模块化开发#前端构建工具npmvite#代码管理工具git
williamdsy·2024-02-20 16:18

pinia的使用

所以在开发vue3的项目
零凌林·2024-02-20 16:47

Pinia状态管理器持久化

难免会用到vuex这个状态管理器，但是我们都知道，vuex是没法做持久化的，一刷新就会丢失数据，这个时候我们又需要持久化，就得搭配缓存，比如LocalStorage，SessionStorage;而在vue3
零凌林·2024-02-20 16:46

uniapp-vue3-dylive：基于uni-app+vue3+pinia短视频直播商城|uniapp仿微信直播

已经2024年了，大家学习计划flag安排上没有，最近一直在捣鼓uniapp整合vue3开发跨端项目uniapp-dyLive。
·2024-02-20 16:46

【2023】uniapp+vue3+ts超实用模板(续）

【2023】uniapp+vue3+ts超实用模板（续）接着上篇文章【2023】uniapp+vue3+ts超实用模板，我们继续优化模板。
·2024-02-20 16:13

vue3实现瀑布流布局组件

先看效果图直接上代码utils.js//用于模拟接口请求exportconstgetRemoteData=(data='获取数据',time=2000)=>{returnnewPromise((resolve)=>{setTimeout(()=>{console.log(`模拟获取接口数据`,data)resolve(data)},time)})}//获取数组随机项exportconstgetRa
guizi0809·2024-02-20 16:20

node+vue3+mysql前后分离开发范式——实现对数据库表的增删改查

文章目录⭐前言⭐功能设计与实现node后端操作数据库实现增删改查vue3前端实现增删改查⭐效果⭐总结⭐结束⭐前言大家好，我是yma16，本文分享关于node+vue3+mysql前后分离开发范式——实现对数据库表的增删改查
yma16·2024-02-20 14:22

使用AI开发一个红包封面生成器

使用VUE3，和Express开发一个红包封面。生成效果如下赠送领取封面：链接体验地址：https://hongbao.digitalmodel.top/
小~小·2024-02-20 14:46

Vue3中setup函数、以及父子组件传值讲解

文章目录1.vue3中setup函数的执行时机2.setup函数的两种写法2.1普通写法2.2语法糖写法3.vue3父组件给子组件传值。
包小志·2024-02-20 14:02

vue3中的setup()函数详解

个人主页：前端青山系列专栏：Vue篇人终将被年少不可得之物困其一生依旧青山,本期给大家带来vue篇专栏内容:vue3-setup()函数目录setup()函数1.1基本使用1.2访问Prop1.3Setup
前端青山·2024-02-20 14:59

深入理解 Vue3 中的 setup 函数

欢迎来到我的博客，你将找到有关如何使用技术解决问题的文章，也会找到某个技术的学习路线。无论你是何种职业，我都希望我的博客对你有所帮助。最后不要忘记订阅我的博客以获取最新文章，也欢迎在文章下方留下你的评论和反馈。我期待着与你分享知识、互相学习和建立一个积极的社区。谢谢你的光临，让我们一起踏上这个知识之旅！文章目录OptionsAPI与CompositionAPI对比介绍setup的返回值Setup语
小馒头学python·2024-02-20 14:28

阿基米德签证小程序管理系统功能清单

阿基米德签证小程序管理系统，底层架构采用当前国内最流行的php框架thinkphp8.0、采用广泛使用的MYSQL数据库，管理后台前后台分离，同时使用了当今最流行的基于VUE3和elementPlus前端框架
旅行社saas·2024-02-20 13:36
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他