Props

React学习笔记20

一、React.forward1.1、作用通过ref暴露子组件的DOM1.2、场景说明1.3、语法实现//子组件constInput=forwardRef((props,ref)=>{return})/
充气大锤·2025-03-19 17:22

Volar ——Vue3 完美的配套工具

`volar`是什么2.Volar的新功能介绍2.1`refsugar`2.2`template`语法转换2.3`classreferences`2.4`props`类型检测2.5各种语法提示2.5.1
web13985857354·2025-03-18 02:59

React封装通用Form组件，类型转换、命名控件样式隔离、支持表单验证、位置自定义、自定义布局、提示信息info等功能。未采用二次封装调整灵活，包含使用文档

实现效果五、使用文档BasicFormModal表格模态框组件组件简介功能特点使用方法基础用法宽度和位置控制使用初始值多种输入类型示例表单验证字段提示信息禁用字段自定义样式更新日志v1.0.0API说明PropsFormField
夜斗(dou)·2025-03-17 14:26

vue 父组件和子组件中v-model和props的使用和区别

一、v-model1、v-model可以在组件上使用以实现双向绑定。即父组件的值可以传递给子组件，子组件的值修改后，父组件的值会同步更新。从Vue3.4开始，推荐的实现方式是使用defineModel()宏；2、示例：最常用的使用方式：父组件的值，传值给子组件，子组件的input绑定了此字段，这样子组件input的内容修改时，父组件里的值便会同步更新，示例如下VueSFCPlayground父组件
zpjing~.~·2025-03-17 04:42

基于html5QrCode实现的H5扫码功能（uni-app v2版本）

-qrcode直接引入html5-qrcode.min.js文件（本例使用此方法）2.扫码组件代码（先引入Html5Qrcode资源）exportdefault{name:'Scan',model:{props
_虾仁不眨眼_·2025-03-16 15:36

打造高性能的react

在里面判断传入的pros是否改变，不变则返回falsePureComponent+Immutable.jsPureComponent其实就是内置了对shouldComponentUpdate的实现，不过其对props
大鸡腿最好吃·2025-03-15 16:48

Vue动态组件完全指南：原理、使用场景与最佳实践

基础语法2.组件注册方式3.动态组件生命周期三、六大典型应用场景1.标签页切换系统2.多步骤表单流程3.动态仪表盘4.权限驱动视图5.插件系统集成6.服务端驱动界面四、高级使用技巧1.状态保持方案2.动态Props
北辰alk·2025-03-15 08:40

echarts实现3d饼图

/import{ref}from'vue';import{onMounted,onUnmounted,toRefs,ref,reactive,watch}from'vue'exportdefault{props
qq_45600165·2025-03-14 22:12

《React 属性与状态江湖：从验证到表单受控的实战探险》

属性初识属性能解决两个大问题：通信和复用props.js:importReact,{Component}from'react'importNavbarfrom'.
贩卖纯净水.·2025-03-13 05:37

在Vue中如何高效管理组件状态？

1.引言2.局部状态管理2.1组件内部的data2.2计算属性与Watcher3.父子组件状态传递3.1通过Props与$emit3.2双向绑定（v-model）4.全局状态管理4.1使用Vuex4.2
几何心凉·2025-03-12 18:50

37.HarmonyOS NEXT Layout布局组件系统详解（四）：间距处理机制

2.gutter属性介绍2.1gutter属性定义gutter属性定义在RowProps接
·2025-03-12 00:47

37.HarmonyOS NEXT Layout布局组件系统详解（四）：间距处理机制

2.gutter属性介绍2.1gutter属性定义gutter属性定义在RowProps接
·2025-03-12 00:44

36.HarmonyOS NEXT Layout布局组件系统详解（三）：AutoCol列组件实现原理

2.AutoCol组件接口定义AutoCol组件的属性定义在LayoutProps接口中：exportinte
·2025-03-12 00:44

uniapp 滚动尺

scale组件代码（部分class样式使用到了uview1.0的样式）{{item/10}}exportdefault{name:'Scale',components:{},props:{value:{
走，带你去玩·2025-03-11 17:35

16 HarmonyOS NEXT UVList组件开发指南(三)

HarmonyOSNEXTUVList组件开发指南(三)第三篇：UVList组件使用方法与实际应用1.基础使用方法1.1引入组件使用UVList组件前，需要先引入组件和相关接口：//引入接口定义import{ListItemProps
全栈若城·2025-03-10 19:17

16 HarmonyOS NEXT UVList组件开发指南(三)

HarmonyOSNEXTUVList组件开发指南(三)第三篇：UVList组件使用方法与实际应用1.基础使用方法1.1引入组件使用UVList组件前，需要先引入组件和相关接口：//引入接口定义import{ListItemProps
·2025-03-09 20:23

vue2+el-table 封装表格组件,基本够用了，带自动滚动

scope.row[scope.column.property]}}重置{{scope.row[scope.column.property]}}exportdefault{name:"CustomTable",props
mokn·2025-03-09 07:08

nuxt、vue树形图d3.js

直接上代码//安装npmid3--saveimport*asd3from"d3";exportdefault{props:{data:Object,nodeWidth:{type:Number,default
小一梦·2025-03-09 05:41

15 HarmonyOS NEXT UVList组件开发指南(二)

下面是UVList组件的完整实现代码：//UVList.etsimport{ListProps,
·2025-03-09 00:23

关于父组件向子组件传值的形式（类型一）

父组件中的子组件引入......data:function(){return{availableFieldsParent:[],//父组件向子组件的传值数据......}子组件Menu.vue//子组件定义props
qq_53318302·2025-03-08 23:26

vue组件获取props_Vue中子组件怎么获取父组件的值？（props实现）

也就是props是子组件访问父组件数据的唯一接口。所以子组件引用父组件就需要用props实现。也就是props是子组件访问父组件数据的唯一接口。
weixin_39943868·2025-03-08 13:49

vue3多个页面/组件，复用同一段render页面根据接口返回的数据动态渲染逻辑，使用setup+组合式API

getData请求接口，render渲染数据importoperationServicefrom"@/views/operation/component/operationService.vue";constprops
十年 lius·2025-03-08 13:28

11 【HarmonyOS NEXT】 仿uv-ui组件开发之Avatar组件深度剖析（二）

第二篇：探秘Avatar组件的核心实现机制1.组件结构设计2.状态管理2.1组件状态定义@ComponentexportstructAvatar{//私有属性privateprops:AvatarProps
全栈若城·2025-03-08 12:23

12 【HarmonyOS NEXT】 仿uv-ui组件开发之Avatar组件设计精髓(三)

/components/Avatar"1.2基础示例//文字头像Avatar({props:{text:'张',randomBgColor:
·2025-03-08 10:28

13 【HarmonyOS NEXT】 仿uv-ui组件开发之Avatar组件进阶指南(四)

第四篇：打造高性能Avatar组件的终极优化秘籍1.性能优化策略1.1状态管理优化//优化前@Stateprivateprops:AvatarProps//优化后private
·2025-03-08 05:48

vue2前端使用图片展现视频,无法销毁请求

实现思路，使用canvas绘制图像，然后使用动画帧刷新页面exportdefault{props:{info:{type:Object,default:()=>({url:'',index:''}),}
贾宝玉单臂擒方腊·2025-03-08 04:23

奶妈级别 芋道源码 ruoyi-vue3-pro 视频、图片批量上传组件，复制即可用！！

批量上传图片组件请上传图片-->查看删除importtype{UploadFile,UploadProps,UploadUserFile}from'element-plus'import{ElNotification
William Dawson·2025-03-08 01:42

uniapp微信小程序vue3自定义tabbar

隐藏原生tabbar，也可以在pages.json中配置二选一就好了创建CustomTabBar公共组件{{item.text}}import{ref,onMounted}from'vue';constprops
HerayChen·2025-03-07 22:07

出现 defineProps is a compiler macro and no longer needs to be imported. 解决方法

目录1.问题所示2.原理分析3.解决方法1.问题所示执行前端代码的时候，出现如下问题：[@vue/compiler-sfc]definePropsisacompilermacroandnolongerneedstobeimported
码农研究僧·2025-03-07 17:42

react useEffect详解

useEffect(()=>{undefinedconsole.log(props.number)setNumber(props.
王富贵的记录·2025-03-07 17:40

react中的useContext--为什么使用（一）

React的数据传递流程在React中，数据传递通常是自上而下的，也就是父组件把数据通过props传递给子组件，子组件无法直接修改父组件的数据。
咖啡虫·2025-03-07 08:24

前端React篇之哪些方法会触发 React 重新渲染？重新渲染 render 会做些什么？

setState()案例需求总结forceUpdate()案例需求总结props改变案例需求总结context改变案例需求总结哪些方法会触发React重新渲染？重新渲染render会做些什么？
m0_74823705·2025-03-07 07:50

React 基础教程

目录React基础教程一、React简介二、安装和设置三、创建第一个React组件（一）函数式组件（二）类组件四、渲染组件五、组件的属性和状态（一）属性（Props）（二）状态（State）六、组件的生命周期方法七
阿贾克斯的黎明·2025-03-07 07:19

element upload文件上传第二次上传失败的解决方法

"文件"}}exportdefault{name:'myUploadCompoent',data(){return{}},model:{prop:'fileInfo',event:'change'},props
shalDream·2025-03-06 13:52

react精简面试题

单向数据流：数据通过props从父组件传递到子组件，状态变化可预测。JSX：允许在JavaScript中编写类似HTML的语法，增强代码可读性。2.类组件和函数组件的区别？
懒人村杂货铺·2025-03-06 09:57

React Hooks 完全指南：从入门到精通

类组件痛点：根据2024年React开发者调查报告，87%的开发者认为生命周期方法难以理解，尤其是componentDidUpdate的复杂逻辑逻辑复用困境：传统HOC和RenderProps模式导致组件嵌套地狱
斯~内克·2025-03-05 15:26

React-class——React表单与事件（受控组件与非受控组件、事件类型、事件对象、事件绑定）、React组件生命周期、面试

React组件生命周期1、组件的生命周期2、生命周期钩子详解-**componentWillMount**：-**componentDidMount**:-**componentWillReceiveProps
爱喝牛奶~·2025-03-04 01:59

react常见面试题

组件之间传值父组件给子组件传值在父组件中用标签属性的=形式传值在子组件中使用props来获取值子组件给父组件传值在组件中传递一个函数在子组件中用props来获取传递的函数，然后执行该函数在执行函数的时候把需要传递的值当成函数的实参进行传递兄弟组件之间传值利用父组件先把数据通过
helloworld1024fd·2025-03-03 08:41

基于vue3 + ts 封装一个自定义的message组件

封装一个自定义的message组件今天尝试封装一个message弹框组件废话不多说直接上代码Message.vue这是一个message组件import{onMounted,ref}from'vue'typePropsType
stpzhf·2025-03-02 19:29

【TypeScript】ts在vue中的使用

目录一、Vue3+TypeScript1.项目创建与配置项目创建关键配置文件2.完整项目结构示例3.组件Props类型定义4.响应式数据与Ref5.Composition函数复用二、组件开发1.组合式API
咔咔库奇·2025-03-02 19:57

Windows和Linux下，通过C++实现获取蓝牙版本号

以下是一个示例代码：收起cpp#include#include#include#include#include#pragmacomment(lib,"Bthprops.lib")/
xingyun86·2025-03-02 10:14

vue3组件传参

父组件向子组件传参父组件向子组件传参主要通过props来实现父组件importSonComponetfrom'.
weixin_46541579·2025-03-02 03:16

VUE + iView table render渲染i-switch

显示/隐藏",tooltip:true,align:'center',minWidth:120,render:(h,params)=>{returnh("div",{},[h("i-switch",{props
LEON劉先森·2025-03-01 03:20

React Native App第三方库

import{SafeAreaView,ScrollView,Text}from"react-native";importLottiefrom'lottie-react-native';interfaceProps
·2025-02-28 15:22

深入浅出 Pinia：下一代 Vue 状态管理库的核心实践与设计哲学

传统的组件间通信（如props/emit）在跨层级组件或大型应用中显得力不从心，而Vue生态早期的Vuex虽然解决了这一问题，但随着TypeScript的普及和CompositionAPI的推出，开发者对状态管理工具提出了更高要求
斯~内克·2025-02-28 04:31

avue富文本编辑器如何保证上传图片正常

label:"内容",prop:"content",component:'AvueUeditor',action:"/api/blade-resource/oss/endpoint/put-file",propsHttp
R-sz·2025-02-27 19:11

深入解析 Vue 3 编译宏：揭开 `＜script setup＞` 的魔法面纱

这些宏函数是Vue3语法糖的核心组成部分，主要包含：defineProps：声明组件propsdefineEmits：定义自定义事件defineExpose：暴露组件公
斯~内克·2025-02-27 14:32

element-ui中树状图el-tree的使用（vue2）

热乎的，话不多说上代码html部分：//data:展示的数据//accordion:是否每次只打开一个同级树节点展开//props:配置选项默认值//expand-on-click-node:默认为true
前端小雪的博客.·2025-02-27 06:32

vue组件间通信的八大方法

二、八大通信方式1.props和$emit2.$parent和$children3.provide和reject4.ref/refs5.Vuex6.slot7.
@LitterFisher·2025-02-27 04:44

canvas保存图片

，其中有一个切换是图片用v-if会导致图片加载慢实现方法：一进来就加载，通过监听元素显示，用于控制canvas的宽高，从而达到隐藏的效果组件dowolad.vue保存二维码exportdefault{props
初晨未凉·2025-02-26 23:03
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他