Props

第十三节：实战与工程化高频题-TypeScript集成要点

类型声明：defineProps()、defineEmits()类型推断：CompositionAPI自动推导响应式变量类型以下是Vue3+TypeScript集成在实战与工程化中的核心要点解析，结合最新开发实践整理为五个关键方向
涵信·2025-05-01 06:22

【React】全面解析：从基础知识到高级应用，掌握现代Web开发利器

2.React的基本概念3.基本示例二、React的进阶概念1.状态（State）和属性（Props）2.生命周期方法（LifecycleMethods）3.钩子（Hooks）4.事件处理（EventHandling
Peter-Lu·2025-04-30 23:04

el-input输入数字，带有千分位

from'element-plus'constemit=defineEmits(['getinputnum','changeinputnum'])constinputnum1=ref('')interfacepopoverProps
MYmayue·2025-04-29 15:18

基于el-input包装的金额输入框，展示时千分位分割，输入时是数字。

defineComponent,reactive,toRefs,watch}from'vue';exportdefaultdefineComponent({name:'FmisMoneyInput',props
代码少女Zik -·2025-04-29 06:46

React中插槽实现方式

Vue中的默认插槽：//父组件constCard=({children})=>{return({children});};//使用constApp=()=>{return(标题这是内容);};具名插槽通过props
看淡一切yu·2025-04-28 17:46

组件的通信(子传父，父传子，兄弟互传)

一、父传子子组件中通过defineProps来定义父组件可以传入子组件的属性、数据defineProps是一个方法，他能接受数组，也能接受对象当接受对象的时候，可以确定传入属性的类型、是否必传、是否有默认值注意事项
肠胃炎·2025-04-28 15:08

Vue3父子组件数据同步方法

父组件：vueimport{ref}from'vue';constparentData=ref(initialValue);子组件：vueimport{computed}from'vue';constprops
BillKu·2025-04-27 22:19

下面的代码更难阅读

constTodoLists=(props)=>({props.todoList?.map((todo,index)=>(props.seeDetail?.(todo)}>{todo?.
·2025-04-27 19:41

vue3+ts文字或链接转为二维码图片

实际实现即可翻译为：文字转为二维码图片1-安装qrcode库npmiqrcode2-新建QRCode组件import{defineProps,ref,on
小猿L·2025-04-27 17:50

React-组件和props

1、类组件importReactfrom'react';classClassAppextendsReact.Component{constructor(props){super(props);this.state
小矮马·2025-04-27 14:55

[Vue3]绑定props 默认值

前言使用TS、Vue3组织组件中传入props的通用方式步骤步骤1：使用defineProps定义Props使用interface定义props中各项的类型：//组件List.vue//定义Props类型和接口
水果摊见·2025-04-27 07:39

vue3--手写手机屏组件

{}">import{ref,watch}from"vue";typeMobileStatusInfo="on"|"off";constprops=defineProps({isOn:{//手机是否显示
旅行者1024号·2025-04-26 19:26

手把手教你 Vue 父子组件通信（超通俗版）

1.爸爸给儿子送东西：父传子（props）就像爸爸给儿子递玩具，父组件用props给子组件传数据，Vue2和Vue3的区别主要在写法：Vue2（传统写法）爸爸组件（父组件）：importChildComponentfrom
jingling1007·2025-04-26 17:40

允许你实时可视化你的状态和

memo确保组件仅在其props发生变
·2025-04-26 14:28

前端笔记-Vue3（中）

学习目标：VUE31、Vue3架构与设计理念2、组合式API（CompositionAPI）3、常用API：ref、reactive、watch、computed4、Vue3的生命周期5、组件间通信（props
MrsBaek·2025-04-26 10:30

vue3+TS+echarts 折线图

asechartsfrom'echarts'import{getInitecharts}from'@/utils/echart'importtype{EChartsOption}from'echarts'//定义props
tjh0001·2025-04-26 05:51

react 子组件暴露，父组件接收

forwardRef,useImperativeHandle,useState}from'react';import{Form,Input}from'antd';constChild=forwardRef((props
qq_2524963996·2025-04-25 14:37

我们可以在单个组件实例上创建多个v-model的双向绑定

不使用defineModel最终就是props与emits分别接收变量与事件使用defineModel使用defineModel后，我们在组件中虽然可以不用像之前那样显式的接收props与emits，但
·2025-04-25 12:06

传统双向绑定的痛点

传统双向绑定的痛点在defineModel出现之前，Vue的双向绑定主要依赖于v-model和手动管理props和emits。虽然这些方法有效，但在复杂场景下，代码往往显得冗长且难以维护。
·2025-04-25 12:05

vue2如何二次封装表单控件如input, select等

一致，所以采用透传的方式传递propimport{findListByParentId}from'@/api/area/area'exportdefault{name:'regionCascader',props
前端练习生·2025-04-25 08:25

前端笔记-Vue3（下）

学习目标：VUE31、Vue3架构与设计理念2、组合式API（CompositionAPI）3、常用API：ref、reactive、watch、computed4、Vue3的生命周期5、组件间通信（props
MrsBaek·2025-04-25 01:10

React学习-利用props属性实现导航栏切换

今天学习了react中的props属性，并使用这个属性做了一个导航栏切换的demo效果，分享给大家！
小黄不辣几·2025-04-24 19:58

【TeamFlow】4.2 Yew库详细介绍

核心特性基于组件的架构Yew采用组件化开发模式，类似于React:组件是可重用的UI构建块支持属性(props)和状态(state)管理生命周期方法控制组件行为WebAssembly支持Yew编译为WebAssembly
Source.Liu·2025-04-22 18:38

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

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

vue的props组件通信

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

Vue3新特性defineModel在Nuxt3中的实现

在nuxt.config.ts中配置vite:{vue:{script:{defineModel:true,propsDestructure:true,}}},然后在子组件中使用constpaginationIndex
码农的救赎·2025-04-20 13:52

常用的几种 Vue 父子组件传值方式

1.父组件向子组件传值（props）父组件代码：Parent.vue父组件importChildfrom'.
努力的搬砖人.·2025-04-20 12:44

React-useImperativeHandle (forwardRef)

会有如下代码：import{forwardRef}from'react';constForm=forwardRef(functionMyForm(props,ref){useImperativeHandle
感谢上Di_123·2025-04-20 05:57

React和Vue 父组件调用子组件的方法

useRef}from'react';letChildRef=useRef();functionhandleOnClick(){ChildRef.current.func();}子组件：constChild=props
我的小本本·2025-04-19 12:36

vue2实现vue3的teleport

Teleport/index.vueexportdefault{name:'teleport',props:{/*移动至哪个标签内，最好使用id*/to:{type:String,required:true
贰叁！·2025-04-19 06:24

kafka生产者

bootstrap.servers指定broker的地址清单key.serializer指定类将键对象序列化成字节数组value.serializer指定类将值序列化创建一个新的生产者：privateProperiteskafkaProps
静沐の暖阳·2025-04-19 02:01

elementUI使用render函数封装公共分页组件

/index.scss';exportdefault{name:'co-pagination',props:{total:{type:Number,required:true},page:{type:Number
新茶十九·2025-04-18 19:43

vue3 defineExpose 如何在父组件用ref调用子组件的方法

能够使用纯Typescript声明props和抛出事件。更好的运行时性能(其模板会被编译成与其同一作用域的渲染函数，没有任何的中间代理)。
都挺好，刚刚好·2025-04-17 16:48

uniapp-商城-25-顶部模块高度计算

在该组件中：js部分的代码：包含了导出的名字：shop-headbar子级获取父级传来的值：使用props函数，这里要写变量类型和默认值格式://子级获取父级传递来的值props:{foldState:
七七小报·2025-04-17 11:16

Vue 高级技巧深度解析

listeners性能优化虚拟DOM优化函数式组件按需加载状态管理Vuex模块化持久化存储严格模式高级指令自定义指令动态组件异步组件渲染控制作用域插槽渲染函数JSX支持一、组件通信的进阶之道1.1跨层级通信方案对比propspropsprovideinject
二川bro·2025-04-16 12:42

【前端】【React】性能优化三件套useCallback,useMemo,React.memo

React.memo(Component)：缓存组件的渲染结果，避免props没变却重复渲染。三者搭配使用，在中大型组件中可显著优化性能，减少重复渲染。
患得患失949·2025-04-16 06:04

前端直传阿里云和腾讯云组件封装（后端返回预签名）

from'ant-design-vue'importappConfigfrom'@/config/appConfig'importstoragefrom'@/utils/jeepayStorageWrapper'import{reactive,defineProps
cccccc..·2025-04-15 21:37

第三节：React 基础篇-React组件通信方案

React组件通信方案详解及使用场景以下是React组件通信的常用方法及其适用场景，以层级结构呈现：一、父子组件通信1.Props传递•实现方式：•父组件通过props向子组件传递数据。
涵信·2025-04-13 10:45

Vue 实例生命周期：从创建到卸载的全过程

方法第二步：初始化父子组件关系、事件监听、插槽与渲染函数第三步：创建前，beforeCreate触发第四步：注入父组件提供的数据（provide/inject)第五步：初始化数据（核心）初始化数据顺序：props—initProps
G扇子·2025-04-13 07:52

【Vue3 + Element-Plus】TreeTransfer树形穿梭框组件

.▶◀...2.数据双向绑定通过Vue的响应式系统实现数据同步：constprops=defineP
Ben_F·2025-04-13 04:02

Uniapp Vue 实现当前日期到给定日期的倒计时组件开发

实现思路通过props接收目标时间字符串（如‘2024-12-3123:59:59’）在组件挂载时启动定时器，每秒计算当前时间与目标时间的差值使
web_Hsir·2025-04-12 14:02

使用 Qiankun 微前端框架搭建 Vue3 项目实践指南

通信机制：主应用与子应用间通过props或全局状态共享数据。二、环境准备1.创建主应用#使用
前端_刘阿三·2025-04-12 02:40

Vue 框架组件间通信方式

组件间通信方式不管是vue2还是vue3，组件通信方式很重要，以下是常见的几种通信方式：props：可以实现父子组件、子父组件、甚至兄弟组件通信自定义事件：可以实现子父组件通信全局事件总线$bus：可以实现任意组件通信
Code额·2025-04-11 19:54

el-select组件与el-tree组件结合实现下拉选择树型结构框

下拉选择树型结构框实现效果图组件完整代码实现效果图组件完整代码import{mapState,mapActions}from"vuex";exportdefault{props:{treeData:{type
王阔阔·2025-04-11 12:06

AntDesign下，Select内嵌Menu标签，做一个多选下拉框，既可以搜索，还可以选择下拉项

话不多说，直接上效果和代码效果图一：效果图二：renderAddStyleOption=(item:any)=>{const{value}=this.props;const{currentSelectedOptionIds
蓉妹妹·2025-04-10 23:17

WebRtc 视频流卡顿黑屏解决方案

//nodewebrtc视频转码服务consturl="http://10.169.xx.xx:8000"watch(()=>props.doorMachineInfo,(newVal)=>{nextTick
web网页精选·2025-04-09 23:41

【Lodash】lodash的pick用法和omit用法

_.pick(object,[props])参数：1、object(Object):来源对象。2、[props](…(string|string[])):要被忽略的属性。
IMSI·2025-04-09 19:36

React--refs回调

refs创建&挂载官方文档：https://react.docschina.org/docs/refs-and-the-dom.html在React单向数据流中，props是父组件与子组件交互的唯一方式
qq_45209973·2025-04-09 18:32

React-05React中props属性（传递数据），propTypes校验，类式与函数式组件props的使用

1.类式组件props基本数据读取与解构运算符传递//创建组件classPersonalInfoextendsReact.Component{render(){//读取props属性并读取值console.log
岂不闻·2025-04-09 18:30

第五篇：组件通信-父子组件

第五篇：组件通信-父子组件1.父传子使用props向子组件传递数据在Vue中，props是实现父组件向子组件传递数据的主要方式。
程序员勇哥·2025-04-09 08:03
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他