Vue

# Vue 3全面指南：从入门到精通

Vue3全面指南：从入门到精通目录基础概念与环境搭建组合式API(CompositionAPI)响应式系统组件开发高级特性性能优化最佳实践1.基础概念与环境搭建1.1创建Vue3项目#使用Vite创建项目
烂泥扶不上墙的刘鑫·2025-04-22 17:03

vue+django前后端分离，如何解决csrf传输问题

使用django时，django框架都会自带csrf的验证功能，根据django的使用文档一般是在前端页面的form表单里添加{%csrf_token%}标签，当浏览器加载该页面时，django会解析模板页面，渲染{%csrf_token%}为一个input标签，如下图所示:html页面代码{%csrf_token%}.....django渲染后的html代码经过上面的分析，我们可以清晰的了解到，
yu11men·2025-04-22 16:56

vue3实现记住密码功能

思路：1.判断记住密码的复选框是否勾选2.如果勾选了，需要将用户名和密码存入本地(一般存在cookie中需要使用Base64进行加密)3.在onMounted中查询cookie中是否有用户名密码(使用Base64解密)，将解密出的数据赋值给form中的数据即可实现记住密码重点import{Base64}from'js-base64'importCookiesfrom'js-cookie'//转码c
嘤嘤嘤小主·2025-04-22 15:49

vue 记住密码功能

欢迎登录账号密码登录{{errorMsg}}记住密码手机号注册登录账号注册{{errorMsg}}返回登录提交注册const{$i18n}=useNuxtApp();definePageMeta({layout:'vuetify-app
guoruijun_2012_4·2025-04-22 14:16

vue如何实现记住密码功能？

记住密码和账号的功能由前端进行操作，而这种操作一般会用到本地存储。当然，本地存储的也不止密码和账号，还有是记住密码框的状态。首先你需要封装三个方法用来存取数据，（password，username是用户密码绑定的值，checked是记住密码框的绑定值）//设置cookiesetCookie:function(c_name,c_pwd,c_state,exdays){constexdate=newD
刘杨造梦程序开发建站·2025-04-22 14:45

Vue 登录 记住密码，设置存储时间

Vue登录记住密码，设置存储时间一、手动存储login.vue二、使用vue-cookies插件main.jslogin.vue一、手动存储login.vue提示：//设置cookie方法setCookie
筱筱°·2025-04-22 14:14

Vue+ElementUI前端实现分页和模糊查询

1.变量的定义：tableData：该变量用来向表格中展示数据。tempDate：该变量用来保存在后台请求过来的所有数据，便于模糊查询时进行匹配。data(){return{tableData:[],tempDate:[],currentPage:1,//当前页码pageSize:5,//每页显示的行数totals:0,name:"",movie:{id:"",name:"",director:"
苏格拉没有底_coder·2025-04-22 14:10

vue+axios 向后端SpringBoot传递List 后端使用List接收

困扰了一天的问题第二天终于解决了！一开始是这样向后端传的：（主要看后面的seats）letlist=[];//筛选出选择的座位排和列info.forEach((item)=>{list.push({row:item.row,col:item.col});});this.$axios.post('seat/updateEmpty?cinemaId='+this.cinemaId+'&hallId='
苏格拉没有底_coder·2025-04-22 14:10

Vue3 源码解析（六）：响应式原理与 reactive

今天这篇文章是笔者会带着大家一起深入剖析Vue3的响应式原理实现，以及在响应式基础API中的reactive是如何实现的。
苹果酱0567·2025-04-22 09:41

关于敏感文件或备份 安全配置错误 禁止通过 URL 访问 Vue 项目打包后的 .gz 压缩文件

要禁止通过URL访问Vue项目打包后的.gz压缩文件（如sc.6abb69d9.css.gz）或其他敏感文件，可以通过Nginx配置和Tomcat配置双重防护来实现。
冷冷清清中的风风火火·2025-04-22 09:10

Vue与React组件化设计对比

组件化是现代前端开发的核心思想之一，而Vue和React作为两大主流框架，在组件化设计上既有相似之处，也存在显著差异。
懒羊羊我小弟·2025-04-22 09:09

vue中实现当文本超长时，中间显示省略点，两端文字显示

最近做一个资源共享的需求，要求将资源名称，共享目标人的工号一定要显示出来，也就是文本超长，显示省略点，但是如果使用css，文本超长省略号会在末尾显示，因此利用js截取来实现//获取字体是为了计算文本所占用的宽度，必须传递一个dom节点，随便选择一个即可，因为系统的字体都是一样的mounted(){//获取系统字体this.getFontFamily(document.getElementById(
亦双城的双子娴·2025-04-22 07:25

DeepSeek 助力 Vue 开发：打造丝滑的二维码生成（QR Code）

在Vue项目中集成二维码生成功能可以大大提升用户体验，特别是在需要分享链接、支付码或身份验证等场景。下面我将介绍如何使用DeepSeek技术栈在Vue中实现高效的二维码生成方案。
点我头像干啥·2025-04-22 06:19

Vue3+TypeScript基础

Vue3+Ts入门一、组合式API1、计算属性API单向响应姓：名：单向响应：import{computed}from'@vue/reactivity';import{reactive}from'vue
ℝ.·2025-04-22 05:46

Vue 3入门指南

title:Vue3入门指南categories:前端开发tags:框架对比环境搭建基础语法组件开发响应式系统状态管理路由配置第1章：Vue3简介1.1Vue.js的历史与发展Vue.js由前谷歌工程师尤雨溪
糖糖老师436·2025-04-22 05:14

Vue 3 `＜script setup＞` 中 `defineProps` 的演变：从选项对象到泛型

在Vue3的语法中，defineProps宏用于声明组件接收的props。随着Vue的发展，特别是与TypeScript的深度集成，defineProps的类型定义方式也经历了演变。
心灵星图·2025-04-22 04:42

Dify架构详情

Dify架构详情1.后端技术：1.1后端服务层PythonFlasknginx2前端技术2.1前端框架vue使用React/Vue等框架构建，提供直观的可视化操作界面3数据库技术PostgreSQLweaviate
君辞.·2025-04-22 04:41

WebSocket生命周期和vue中使用

ing。。。晚点更新进入页面，生命周期挂载后，window监听ws连接online正常情况，心跳包检测避免断开非正常情况，ws.onclose断开，判断1000状态吗，触发重连函数。定时器，重连，判断5次，每次增加30s，最后重新继续循环重连。手动自主断开，正常断开，则不触发重连函数，直接ws.close断开离开页面，ws.close断开，移除window监听ws连接online
憨憨404·2025-04-22 04:11

vue-router报错的解决方法vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated:

在main.js中加入以下代码constoriginalPush=Router.prototype.pushRouter.prototype.push=functionpush(location){returnoriginalPush.call(this,location).catch(err=>err)}
桃花岛主70·2025-04-22 02:01

深入解析树摇（Tree Shaking）及其在前端优化中的应用

本文将重点介绍树摇的原理和工作方式，并展示如何在Vue和Vite项目中实现树摇功能。什么是树摇（TreeShaking）？
ZJ_.·2025-04-22 01:26

Vue设计模式简介

ViewModel是Vue.js的核心，它是一个Vue实例。vm监听DOM，当数据改变的时候，vm会去自动更新视图。
执梦起航·2025-04-22 01:23

架构第113集：网关服务器、Cassandra数据库、Redis缓存、Kafka消息队列、Elasticsearch客户端

加群联系作者vx：xiaoda0423仓库地址：https://webvueblog.github.io/JavaPlusDoc/https://1024bat.cn/“一个基于锁和条件变量（Condition
掘金-我是哪吒·2025-04-22 01:52

分布式微服务系统架构第96集：大型跨境电商JVM调优，MongoDB、Elasticsearch (ES)、Cassandra

加群联系作者vx：xiaoda0423仓库地址：https://webvueblog.github.io/JavaPlusDoc/https://1024bat.cn/方法定义：publicvoidhandleBiz
掘金-我是哪吒·2025-04-22 00:50

vue项目通过GetCapabilities获取wmts服务元数据信息并在openlayers进行叠加显示

vue项目通过openlayers加载wmts服务示例： import'ol/ol.css';importMapfrom'ol/Map';importViewfrom'ol/View';importTileLayerfrom'ol
zhu_zhu_xia·2025-04-22 00:15

vue的props组件通信

本文中分享vue2中组件通信知识点案例一：props父子通信数组写法父组件将数据传递给子组件父组件：主要关注组件可以看到这个组件写了一共属性msg。
常年游走在bug的边缘·2025-04-21 23:44

Vue打包为相对路径

Vue打包为相对路径相对路径的基本概念与作用VueCLI配置打包路径示例一：基础配置示例二：多环境配置不同场景下的相对路径配置示例三：子目录部署示例四：GitHubPages部署示例五：静态文件托管服务实际开发中的使用技巧技巧一
DTcode7·2025-04-21 20:28

Vue.js核心功能实现

Vue.js核心功能实现1.数据绑定与响应式Vue.js的核心特性之一是数据绑定。
宝耶·2025-04-21 19:18

Vue 组件化开发

Vue.js作为一款轻量级且高效的JavaScript框架，其组件化开发的特性为我们提供了一种优雅的解决方案。
惠赢的·2025-04-21 18:47

【长按图片识别】uniapp vue开发时，点击图片识别—实现转发、收藏、识别图片二维码

1、show-menu-by-longpress2、
小大周·2025-04-21 18:17

三种图片预览插件viewer、vue-photo-preview、vue-picture-preview

npminstallv-viewer--save2、main.js内引用并注册调用//main.jsimportViewerfrom‘v-viewer’import‘viewerjs/dist/viewer.css’Vue.use
小大周·2025-04-21 18:47

基于 Vue3 + Vite 搭建高扩展性后台管理系统实战

基于此，本项目采用Vue3+Vite的技术栈，结合Pinia状态管理和ElementPlus组件库，打造一套高效、可扩展的后台管理系统解决方案。
·2025-04-21 17:53

直播分享|TinyVue 多端实战与轻量图标库分享

TinyVue是一个跨端跨框架的企业级UI组件库，基于renderless无渲染组件设计架构，实现了一套代码同时支持Vue2和Vue3，支持PC和移动端，包含100多个功能丰富的精美组件，可帮助开发者高效开发
·2025-04-21 17:47

uniApp小程序保存定制二维码到本地（V3）

这里的二维码组件用的uv-ui的二维码可以按需引入QRCode二维码|我的资料管理-uv-ui是全面兼容vue3+2、nvue、app、h5、小程序等多端的uni-app生态框架保存收款码constpayCodeUrl
家里有只小肥猫·2025-04-21 10:34

前端面试真题集合（一）

一、Vue的响应式原理Vue的响应式系统通过数据劫持和依赖追踪实现，核心流程如下：数据劫持•Vue2.x：使用Object.defineProperty递归遍历数据对象，将属性转换为getter/setter
GISer_Jinger·2025-04-21 05:04

vue3项目使用vuedraggable拖拽组件

1.安装:npmi-Svuedraggable@next//这样才能安装最新的版本，低版本会踩坑2.引入（注册使用即可）importdraggablefrom'vuedraggable'3.小示例{{element.name
某小只·2025-04-21 05:30

vue项目流程demo示例

前言：自己写从头做一个vue项目，没什么技术，主要是温顾流程。
汤卓杰·2025-04-21 04:28

Vue 3 组件通信全解：从基础到高级技巧

引言Vue3引入了CompositionAPI，这为组件通信带来了新的灵活性和强大的功能。组件通信基础组件的定义和作用在前端开发中，组件可以被看作是构建用户界面的独立单元。
卓卓没头发·2025-04-21 04:27

前端与Java后端交互出现跨域问题的14种解决方案

跨域问题是前端与后端分离开发中的常见挑战，以下是14种完整的解决方案：1前端解决方案(开发环境代理)1.1Webpack开发服务器代理//vue.config.js或webpack.config.jsmodule.exports
黑码小帅·2025-04-21 03:49

【Vue3代理机制详解：从原理到实践】

请看完整修订版：Vue3本地开发环境代理机制全解析一、浏览器同源策略详解同源策略的安全意义浏览器同源策略是Web安全的核心基础，要求请求的URL必须与当前页面URL的协议、域名和端口完全一致。
Gazer_S·2025-04-21 01:11

验证码输入框的实现（JS 和 VUE3两种实现方式）

验证码输入框的实现JSDocument.code{width:300px;height:50px;background-color:red;position:relative;}.codeinput{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;}.code.box{width:100%;height:100%;po
Benson叔·2025-04-21 01:37

用 Deepseek 写的uniapp油耗计算器

下面是一个基于Uniapp的油耗计算器实现，包含Vue组件和页面代码。
—Qeyser·2025-04-21 00:00

对象池模式在uniapp鸿蒙APP中的深度应用

1.3性能对比数据二、uniapp中的对象池完整实现2.1基础对象池实现2.1.1核心代码结构2.1.2在Vue组件中的应用2.2鸿蒙平台特别优化2.2.1原生组件复用2.2.2内存管理策略三、实战优化案例
杯莫停丶·2025-04-20 23:27

Vue 3中的路由（Router）详解

Vue.js提供了官方的路由管理工具——VueRouter。接下来这篇文章将逐步讲解Vue3中的路由概念。什么是路由？路由其实就是URL与应用程序视图之间的映射关系。
下雨的清晨·2025-04-20 23:19

fetch使用put请求提交文件，postman使用put请求提交文件

import{createFetch}from"@vueuse/core";//上传constuseMyFetch=createFetch({options:{asyncbeforeFetch({options
徐同保·2025-04-20 23:49

从零打造一个Vue 3组件库：开发、打包与发布到NPM

作为一名前端开发者，开发一个自己的Vue3组件库不仅能提升技术能力，还能为社区贡献力量。本文将带你从零开始，基于Vue3和Vite，开发一个简单的UI组件库（包含一个按钮组件），并打包发布到NPM。
小贺要学前端·2025-04-20 21:44

模板语法 & vue指令

这章讲模板语法&vue指令一模板语法模板插值是将数据从组件的模型绑定到视图的一种常用方式。插值表达式通常用于文本内容的输出，可以使用两种语法：双大括号{{}}和v-bind指令。
梁文迪·2025-04-20 20:05

【Vue】入门基础

个人主页：Guiat归属专栏：Vue文章目录1.Vue简介1.1Vue的特点1.2Vue的发展历程2.安装与使用2.1直接引入2.2使用npm安装2.3使用VueCLI3.Vue基础语法3.1创建Vue
Guiat·2025-04-20 20:02

vue中的模板语法

第1部分：引言1.1介绍Vue框架Vue.js，简称Vue，是一个用于构建用户界面的渐进式JavaScript框架。自从2014年首次发布以来，Vue因其简洁、易学和高效而迅速赢得了开发者的青睐。
行动π技术博客·2025-04-20 18:26

Vue3 模板语法及指令

模板语法及指令1、插值表达式1.1、文本插值1.2、JavaScript表达式1.3、Attribute绑定2、内置指令2.1、v-bind2.2、v-show、v-if、v-else-if、v-else2.3、v-for2.4、v-on2.5、v-model2.6、v-text2.7、v-html2.8、v-slot2.9、v-pre2.10、v-cloak2.11、v-once3、修饰符3.1
小陆_39194983·2025-04-20 18:56

vue3配置caddy作为静态服务器，在浏览器地址栏刷新出现404

vue3配置caddy作为静态服务器，在浏览器地址栏刷新出现4041情况描述2原因3配置3.1caddy配置3.2打包配置1情况描述在vue打包之后，形成dist文件，采用caddy作为静态资源服务器。
不当菜虚困·2025-04-20 18:53
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他