vue3实战技巧

VUE3 父组件传递给子组件的值 子组件怎么处理后使用

本地化处理（避免直接修改props)监听proxy数据的某个属性需要将监听值写成函数返回形式,vue3无法直接监听对象的某个属性变化import{ref,watch}from'vue'constprops
A-sleep·2025-02-09 15:59

vue3全局函数-用于全局使用getCurrentInstance

我们一般在vue3上挂在一些全局函数，都是基于globalPropertiesimport{createApp}from"vue";import"@/style.css";importAppfrom"@
·2025-02-09 14:58

Vue 3 30天精进之旅：Day 16 - 组合式API进阶

欢迎来到“Vue330天精进之旅”的第16天！今天我们将深入探讨组合式API的进阶用法，包括reactive和ref的细节，以及生命周期钩子的应用。
码上飞扬·2025-02-08 22:22

在 Vue 中实现图表数据的动态展示

在本篇博客中，将详细介绍如何在Vue3中借助CompositionAPI（setup语法糖）实现图表数据的动态展示，同时会使用Chart.js库辅助可视化，并深入探讨Vue的reactivity特性在这一过程中的应用
东锋1.3·2025-02-08 21:50

vue3+vuetify安装

vue3+vuetify的安装一、安装nodejs+npn二、使用vite创建工程1、创建工程2、安装vue-cli3、添加vuetify库4、安装vue-router5、启动6、打开测试页面一、安装nodejs
芝法酱·2025-02-08 21:16

Vue3中watch和watchEffect的使用场景和区别

场景一：自动追踪依赖并执行副作用场景二：初始化时立即执行副作用区别监听方式回调触发时机响应式数据追踪方式深度监听减少watch中深度监听的性能开销的优化方法精简被监听的数据结构优化回调函数逻辑精准监听在Vue3
zhanggongzichu·2025-02-08 20:42

实战技巧：如何快速提高网站收录的时效性？

以下是一些实战技巧，可帮助网站快速被搜索引擎收录并提高收录的时效性：一、内容优化原创高质量内容：确保网站内容具备高质量与原创性，满足搜索引擎对独特且有价值内容的偏好。
百度网站快速收录·2025-02-08 12:11

【vue】vite + ts +vue3 安装及使用 pinia

vue3+TS安装使用pinia状态管理_vue3tspinia-CSDN博客Vue项目进阶：再谈Pinia函数式（compositionAPI）用法-腾讯云开发者社区-腾讯云
不懂装懂的不懂·2025-02-08 11:01

提升代码质量：Java (Enum) 枚举的正确姿势与实战技巧

前言在Java开发中，枚举（Enum）是一种专门用来定义固定常量的工具。相比直接使用int或String常量，枚举更加安全、直观，代码也更容易维护。比如在状态管理、配置选项和业务逻辑中，枚举都能发挥很大作用。希望通过这篇文章，能帮你更好地理解Java枚举及其实际应用。一、为什么要使用枚举？1.传统做法的局限性在传统开发中，我们经常使用int或String来表示状态或选项：publicstaticf
四七伵·2025-02-08 08:38

2025 年 Vue 的下一步是什么？

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读随着我们迈入2025年，掌握Vue生态系统的最新动态已经不仅仅是跟上时代步伐，更是获取竞争优势的关键。
·2025-02-08 06:31

接入 deepseek 实现AI智能问诊

创建UniApp项目使用HBuilderX创建一个新的UniApp项目（选择Vue3或Vue2模板）。
何包蛋H·2025-02-08 04:37

【Uniapp-Vue3】使用uni.$emit和$on页面通讯实现发布成功即时更新数据

我们有一个页面A，我们在A中可以上传一条数据，但是数据在页面B进行展示。想要实现A中上传数据后页面B中立刻更新数据。首先，在页面A中使用uni.$emit方法：uni.$emit("事件名称",发送数据);在页面B中使用uni.$on方法：uni.$on("事件名称",(e)=>{//处理逻辑})
永久旅途·2025-02-08 03:03

vue3新建组件库项目并上传到私库

创建vue3项目，步骤省略#nexus配置访问http://192.168.0.9:8081/账号密码adminYanfabu01!
肖老师xy·2025-02-08 02:59

React Native 列表组件：FlashList、FlatList 及更多

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在移动开发中，高效展示数据列表至关重要。作为ReactNative开发者，我们可以使用多种强大的工具来完成这一任务。
·2025-02-08 02:57

实现一个 SEO 友好的响应式多语言官网 (Vite-SSG + Vuetify3) 我的踩坑之旅

在2023年的年底，我用Vite-SSG+Vue3+Vuetify3把之前使用SPA编写的官网进行了重构，支持多语言，响应式并且对SEO和社交媒体分享十分友好在2023年的年底，我终于有时间下定决心把我的
·2025-02-08 02:54

vue3+vite 在已有项目集成mars3d

引入按照mars3d官网的环境要求和版本下载依赖我本地环境是nodev20.x.x,npmv10.x.x,vite依赖版本“vite”:“5.3.2”,“mars3d”:“~3.8.0”,“mars3d-cesium”:“~1.120.0”,需要下载vite-plugin-mars3d在vue.config.js中引入import{mars3dPlugin}from"vite-plugin-mar
不喝可乐_·2025-02-07 15:53

前端Vue必问面试题

1，Vue3.0为什么要使用proxy在Vue2中，0bject.defineProperty会改变原始数据，而Proxy是创建对象的虚拟表示，并提供set、get和deleteProperty等处理器
·2025-02-07 13:23

Vue3src 路径别名`@`的配置vite.config.ts,tsconfig.json

路径别名`@`的配置在开发项目的时候文件与文件关系可能很复杂，因此我们需要给src文件夹配置一个别名。这个有好几种写法都可以实现配置，下面可以看看这些写法//vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importpathfrom'path'exportdefaultdefineConfi
前端小云儿·2025-02-07 07:53

vue3+elementPlus之后台管理系统（从0到1）(day4-完结)

面包屑创建一个面包屑组件将路由导入然后格式化map对象key-value将当前路由的key和value获取然后存入list数组中遍历list数据，渲染内容">{{item.label}}import{routes}from'@/router';exportdefault{data(){//用来记录所有路由对应的labelthis.routesMap=newMap()//用来将路由处理成mapthi
沐暖沐·2025-02-07 00:35

Vue3 ref属性

ref()接受一个内部值，返回一个响应式的、可更改的ref对象，此对象只有一个指向其内部值的属性.value。functionref(value:T):Ref>interfaceRef{value:T}详细信息ref对象是可更改的，也就是说你可以为.value赋予新的值。它也是响应式的，即所有对.value的操作都将被追踪，并且写操作会触发与之相关的副作用。如果将一个对象赋值给ref，那么这个对象
·2025-02-06 21:04

JavaScript 开发秘籍：日常总结与实战技巧-2

链判断运算符letarr=null;if(arr?.length>0){//'数组'}else{//'非数组'}leta=arr?.length>0;//a=falseletlist=[{children:[]},{children:[1,2,3]}]//先判断children存在才能调用length函数，否则报错，一般这么写if(obj[0].children&&obj[0].children.
·2025-02-06 21:26

Vue3 reactive属性

reactive()返回一个对象的响应式代理。响应式对象是JavaScript代理，其行为就和普通对象一样。不同的是，Vue能够拦截对响应式对象所有属性的访问和修改，以便进行依赖追踪和触发更新functionreactive(target:T):UnwrapNestedRefs详细信息响应式转换是“深层”的：它会影响到所有嵌套的属性。一个响应式对象也将深层地解包任何ref属性，同时保持响应性。值得
·2025-02-06 21:24

Vue 3 性能优化

Vue3性能优化分析工具生产检测：PageSpeedInsightsWebPageTest用于本地开发期间的性能分析：Chrome开发者工具“性能”面板Vue开发者扩展页面加载页面加载优化有许多跟框架无关的方面
泯泷·2025-02-06 20:40

Vue3 对比 React18—不只是技术选择

Vue3和React18分别带来了全新的特性和优化，让开发者们有了更多的选择。
偷光·2025-02-06 18:02

vue3 + ElementPlus 封装列表表格组件包含分页

在前端开发中，封装组件是必不可少的。今天就来封装一个通用的列表表格组件，包含分页功能，可以提高代码的复用性和可维护性。1.组件设计Props：tableData：表格数据。columns：表格列配置。total：总条数。loading：加载状态。pagination：分页配置（当前页、每页条数）。Events：update:pagination：分页变化时触发。refresh：刷新数据时触发。Sl
scorpion_V·2025-02-06 18:30

Vue3中通过加密串进行后端验证并实现登录跳转

在Vue3中进行登录并通过加密串进行后端验证，一般步骤是：用户输入用户名和密码，前端将其加密后发送给后端进行验证，后端验证通过后，返回身份验证信息（如令牌），前端接收验证结果并实现登录跳转。
·2025-02-06 17:16

tauri'2.0+vue3 setup客户端聊天EXE实例(演示版)

Tauri2.0+Vue3客户端聊天应用|vite5+tauri2+rust+element-plus仿微信QQ聊天程序。
·2025-02-06 17:14

Tauri2.x+Vite5+Pinia2电脑版仿微信聊天(源码版)

自研tauri2.0+vite5+vue3setup+pinia+element-plus客户端聊天软件，源码演示篇！
·2025-02-06 17:14

vue3点击跳转页面

vue3跳转页面在点击事件的页面按钮跳转import{useStore}from'@/store/index'//先是引入useRouterimport{useRouter}from'vue-router'exportdefault
心为醒SS·2025-02-06 15:38

vue中v-if和v-for的优先级问题

vue中v-if和v-for的优先级问题1、实践中最好不要把v-if和v-for放一起2、在vue2中v-for优先级高于v-if，而在vue3中v-for优先级低于v-if,vue2和vue3恰好相反
给贝贝赚口粮·2025-02-06 12:20

深入解析Vue3响应式系统：从Proxy实现到依赖收集的核心原理

深入解析Vue3响应式系统：从Proxy实现到依赖收集的核心原理响应式系统的基本原理作为一个热门的JavaScript框架，Vue在3.x版本中引入了基于Proxy的响应式系统。
苹果酱0567·2025-02-06 09:55

React Native 列表组件：FlashList、FlatList 及更多

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在移动开发中，高效展示数据列表至关重要。作为ReactNative开发者，我们可以使用多种强大的工具来完成这一任务。
·2025-02-06 05:26

2024前端笔试题（vue2/vue3/react）

一、$HTML，HTTP，web综合问题1、前端需要注意哪些SEO（搜索引擎优化）合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；keywords列举出
字符敲击手·2025-02-06 00:16

Vue - customRef 自定义ref

在原生ref的基础上，添加自己的逻辑等...在Vue3中，customRef是一个用于创建自定义响应式引用的API。
来一碗刘肉面·2025-02-05 20:20

vue3基于SpringBoot的航空散货调度系统

目录功能和开发技术介绍具体实现截图开发核心技术介绍：技术创新点vue3和vue2的区别：核心代码部分展示非功能需求分析系统开发流程系统运行步骤软件测试源码获取功能和开发技术介绍本课题拟采用主流的MVC架构
计算机专业码农一枚·2025-02-05 18:08

【web网页添加天气等插件】-vue3

前言前端页面展示天气、定位、风速等内容一、步骤1在views文件夹下添加weather文件夹，在weather文件夹下再新增weather.vue代码：z{{weatherInfo.area}}|{{weatherInfo.weather}}{{weatherInfo.temperature}}°C|{{weatherInfo.wind_direction}}{{weatherInfo.wind_
鹿可夏·2025-02-05 17:56

Vue3学习笔记-计算属性-6

在模板中代替表达式，使得代码简便，同时含有计算缓存。使用computed类。加1{{CountData}}exportdefault{data(){return{count:0,}},methods:{addCount:function(e){console.log(e);this.count++;}},computed:{CountData(){if(this.count>3){return"已
YuLiu12321·2025-02-05 16:52

Vue3学习笔记-条件渲染和列表渲染-3

一、条件渲染在Vue中，提供了四种条件渲染：v-ifv-elsev-else-ifv-showv-if:指令用于表达式返回为真时才被渲染{{button_text}}exportdefault{data(){return{flag:true,button_text:'start'}}}v-else：为v-if提供另外的路径{{button_text}}223exportdefault{data()
YuLiu12321·2025-02-05 15:49

前端Vue篇之Vue3响应式：Ref和Reactive

目录Vue3响应式：Ref和ReactiveRef和Reactive概述用途Ref基本用法及在setup()中的使用基本用法在setup()中使用``语法为何使用refReactive基本概念及在模板中的使用基本概念在模板中使用
暖阳浅笑-嘿·2025-02-05 13:24

【Vue】Vue（八）Vue3.0 使用ref 和 reactive创建响应式数据

ref创建：基本类型的响应式数据**作用：**定义响应式变量。语法：letxxx=ref(初始值)。**返回值：**一个RefImpl的实例对象，简称ref对象或ref，ref对象的value属性是响应式的。注意点：JS中操作数据需要：xxx.value，但模板中不需要.value`，直接使用即可。对于letname=ref('张三')来说，name不是响应式的，name.value是响应式的。姓
执键行天涯·2025-02-05 12:22

Vue3.0 的 ref 和 reactive对比

从定义数据角度对比：ref用来定义：基本类型数据。reactive用来定义：对象（或数组）类型数据。备注：ref也可以用来定义对象（或数组）类型数据,它内部会自动通过reactive转为代理对象。从原理角度对比：ref通过Object.defineProperty()的get与set来实现响应式（数据劫持）。reactive通过使用Proxy来实现响应式（数据劫持）,并通过Reflect操作源对象
csnan·2025-02-05 12:19

20250108慧能科技前端面试

ajax怎么取消请求移动端怎么实现px尺寸vite和webpack的区别设计模式讲一下什么是原型链讲一下什么是闭包实现eventbus事件循环项目发布后，如何对项目进行优化，怎么优化vue2的diff算法和vue3
uperficialyu·2025-02-05 10:35

关于 Vue3 组件的数据传递，看这一篇就够了

文章目录方式一：props方式二：自定义事件方式三：mitt方式四：v-model方式五：$attrs方式六：$refs$parent方式七：provideinject方式八：Slot方式九：Pinia方式一：props「父」向「子」组件发送数据父组件：定义需要传递给子组件的数据，并使用v-bind指令将其绑定到子组件的props上。importChildComponentfrom'./Child
chenNorth。·2025-02-05 07:15

DeepSeek-R1全面超越OpenAI o1：开源大模型训练范式革新

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读人工智能在过去十年中的发展令人惊叹。
·2025-02-05 02:16

Vue3的Composition API：Composition API是Vue3的一大新特性，它提供了一种更灵活的方式来组织和复用代码，特别是在处理大型组件或项目时

1.介绍1.什么是CompositionAPICompositionAPI是Vue.js3.0中引入的一项新特性，提供了一种新的、更灵活的方式来组织Vue组件的代码。CompositionAPI是基于函数的，并允许在组件的setup函数中直接处理响应式数据和生命周期钩子，使得代码更加清晰，更便于维护和测试。2.CompositionAPI的由来及其需要解决的问题在Vue2.x版本中，我们使用的是O
哎 你看·2025-02-04 20:29

SQL进阶实战技巧：如何构建用户行为转移概率矩阵，深入洞察会话内活动流转？

目录1场景描述1.1用户行为转移概率矩阵概念1.2用户行为转移概率矩阵构建方法（1）数据收集
莫叫石榴姐·2025-02-04 11:42

路由跳转登录权限判断/vue3

1main.ts引入路由和权限校验importrouterfrom"./router";//路由守卫权限拦截2-2import"@/router/permisstion";2router文件夹，三个文件1.1indexe.tsimport{createRouter,createWebHistory}from"vue-router";import{constRouter}from"./routers
前端小云儿·2025-02-03 23:09

vue3路由的配置

使用vue3配置路由，步骤如下目录：1.安装路由2.新建页面3.新建router文件夹里面放index.js跟router.js：index.js放配置，router设置路由4.main中导入注册5.使用
fengshaopu·2025-02-03 23:39

Vue - ref( ) 和 reactive( ) 响应式数据的使用

一、ref()在Vue3中，ref()是一个用于创建响应式引用的函数。它是Vue3CompositionAPI(组合式API)的一部分，允许在组件中创建响应式数据。
来一碗刘肉面·2025-02-03 23:07

Vue3 表单：全面解析与最佳实践

Vue3表单：全面解析与最佳实践引言随着前端技术的发展，Vue.js已经成为最受欢迎的前端框架之一。Vue3作为Vue.js的最新版本，带来了许多改进和新的特性。
lly202406·2025-02-03 21:55
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他