vue3工程化

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

前端工程化面试题 | 15.精选前端工程化高频面试题

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录请解释一下前端中的代码分支管理和代码合并。你熟悉的代码合并工具有哪些？解释一下前端中的流程管理
ai_todo·2024-03-02 03:14

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

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

【每日前端面经】2023-02-25

支付宝/字节跳动/QQ/飞书小程序/H5/RN等应用多端适配怎么做固定布局（PC）window.screen分类加载CSS@media媒体查询vh+vw+rem百分比布局响应式布局移动端适配怎么做同上偏工程化如何做字体大小的适配通过媒体
糠帅傅蓝烧牛肉面·2024-02-26 06:47

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
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他