props

《Vuejs设计与实现》第 12 章（组件实现原理上）

目录12.1组件的渲染12.2组件状态与自更新12.3组件实例与生命周期2.4Props与组件被动更新在上一章节，我们详细探讨了渲染器的基本概念和实现方式，它的主要作用是将虚拟DOM渲染为真实DOM。

前端贾公子·2025-06-29 00:27

vue动态页面快照截图 html2canvas

npminstallhtml2canvas新建组件SnapshotPage.vueimporthtml2canvasfrom"html2canvas";exportdefault{name:"SnapshotPage",props

懒大王、·2025-06-29 00:27

微信小程序封装loading 修改

1.custom-loading.vue{{text}}{{dots}}exportdefault{props:{visible:Boolean,text:{type:String,default:'加载中

-嘻嘻哈哈~·2025-06-28 11:54

SpringBoot Admin 详解

httptrace1.4堆栈信息端点：heapdump1.5线程信息端点：threaddump1.6获取全量Bean的端点：beans1.7条件自动配置端点：conditions1.8配置属性端点：configprops1.9

m0_74824170·2025-06-28 05:45

每天一个前端小知识 Day 14 - 前端状态管理深入实践

当组件之间状态通信越来越复杂时，靠props和事件传递会变得非常难维护。

蓝婷儿·2025-06-27 23:07

【Vue】微前端架构与Vue（qiankun、Micro-App）

qiankun框架详解2.1qiankun简介2.2qiankun的核心特性2.3qiankun的基本使用2.3.1主应用配置2.3.2子应用配置（Vue.js为例）2.4qiankun通信机制2.4.1基于Props

Guiat·2025-06-27 10:44

vue3递归组件的使用

:TreeList[]|[];};typeProps={data?:T[]|[]}defineProps>()app.

未央区邓紫棋·2025-06-27 04:27

分页器封装

element组件使用时都会进行二次封装，这个就是对分页器的封装方案：提示：这里填写该问题的具体解决方案：1：组件import{scrollTo}from'@/utils/scroll-to'constprops

牧杉-惊蛰·2025-06-27 00:32

Vue3父子组件通信

一，父传子：props单向数据流原则禁止子组件直接修改prop通过自定义事件通知父组件更新App.vue我是父组件更新父组件数据,传递到子组件了import{ref,reactive}from'vue'importCompfrom

一只路人甲·2025-06-26 16:32

React 性能优化 - 父组件更新时，子组件不进行不必要的更新

PureComponent会对组件的props

搬砖也快乐·2025-06-25 18:33

Quick BI 自定义组件开发 -- 第三篇 echart 组件开发图表，使用动态数据

文章目录一、props参数类型1.1container1.2customProps二、customProps的具体属性2.1customProps.data获取数据2.2customProps.dataConfig

≯不见猫·2025-06-25 09:01

react的hooks是什么意思

在传统的React类组件中，你需要通过继承React.Component并使用this.state和this.props来管理组件的状态和属性，同时使用诸如compone

三线码工·2025-06-25 05:23

vue3中父子级互相传递数据以及demo

1、父级传到子级通过props接收//父级组件父组件import{ref,watch,watchEffect}from"vue";importChildfrom".

·2025-06-24 18:38

Vue2中Vuex的五种核心状态管理详解：从State到Modules

当组件层级变深、兄弟组件需要共享数据时，传统的props/$emit和事件总线会变得难以维护。Vuex通过集中式存储管理应

上单带刀不带妹·2025-06-24 12:52

vue组件转html

import{App,Component,createApp}from"vue";/***将vue组件转换为html字符串**@paramrootComponentvue组件*@paramrootProps

对岸住着星星·2025-06-24 11:44

React基础与核心概念探索

JSX的转换过程组件化架构React组件的概念分类：函数组件vs类组件状态管理Props传递虚拟DOM高效DOM更新的秘密工作原理React简介起源与设计理念React，由Facebook开发并维护，自

aike13ky·2025-06-24 09:06

使用vue3+el-form实现动态新增名称，值，并对名称进行必填校验

使用vue3+el-form实现动态新增名称，值，并对名称进行必填校验效果图代码+-AddItem-->Submit-->import{ref,reactive,defineProps,watch}from'vue'constprops

从不讲道理·2025-06-24 03:56

el-table动态行和列及多级表头

/data.json";exportdefault{props:{},components:{DynamicTable},data(){return{tableTitle:'邮政企业三级领导人员2024

最胖的小仙女·2025-06-24 03:56

Vue3 响应式原理

工作原理2.依赖收集系统3.ref的实现原理4.reactive的实现原理5.副作用系统（Effect）6.响应式系统的优势7.响应式流程总结二、组件触发渲染的时机1.首次挂载时2.响应式数据变更3.Props

旺代·2025-06-23 15:35

Vue 组件实例

每个实例有自己的数据和方法，隔离性高，除非通过props或事件共享。内置属性如$data、$props和方法如$watch、$emit方便操作组件。

AI老李·2025-06-22 22:44

React组件通信方式

1.Props传递父组件向子组件传递数据通过props将数据从父组件传递给子组件。

跪下，大胆刁民·2025-06-22 10:24

【React】10、react父子组件传值（通信）

React的世界持续更新中～希望大家能够喜欢，系列文章React–从基础到实战博客主页codeMak1r的博客关注✨点赞收藏React入门与概览（JSX语法）面向组件编程——组件实例的三大核心属性state、props

codeMak1r.小新·2025-06-22 10:22

ant design pro v5基础

轻量状态管理）、plugin-access（权限控制），实现开箱即用MFSU提速：通过ModuleFederation实现依赖预编译，冷启动时间缩短50%+，热更新秒级响应TypeScript全链路支持从组件Props

bemyrunningdog·2025-06-21 21:36

dvajs学习总结

dvajs的路由跳转，方式一：通过link跳转，首先引入Link，import {Link} from 'dva/router'然后，在需要调转的地方使用首页方式二：通过点击事件，进行跳转，this.props.history.push

qianlingvip·2025-06-21 18:11

el-table表单一键展开折叠，展开部分后一键全部展开或折叠

:tree-props="{children:'child',hasChildren:'hasChildren'}"，中的children就是自动判断data中有

请叫我欧皇i·2025-06-21 07:03

Vue-11-前端框架Vue之应用基础父组件传值到子组件props的使用

文章目录1父组件传值到子组件1.1App.vue(父组件)1.2Person.vue(子组件)2传值且保存2.1App.vue2.2Person.vue2.2.1原始写法2.2.2美观写法3列表传成数值(误传)3.1App.vue3.2Person.vue3.3限制类型(Person.vue)3.4限制必要性3.4.1App.vue3.4.2person.vue3.5限制默认值3.5.1App.v

皮皮冰燃·2025-06-20 22:31

Vue2组件通信方式大全：8种方法助你打通组件间数据流

目录一、Props/$emit（父子组件通信）二、$refs（父子组件直接访问）三、EventBus（全局事件总线）四、$parent/$children（父子实例访问）五、Provide/Inject

上单带刀不带妹·2025-06-20 15:45

vue3 +uni-app模仿豆包固定导航入口，可拖拽，兼容PC端和移动端

import{ref,computed,watch,onMounted,onUnmounted}from"vue";import{eventBus}from"@/utils/eventBus.js";constprops

y东施效颦·2025-06-20 04:29

vue实现计算求和

点击做减法运算,$emit子传父事件，当num999时按键不能使用conststepper={template:`-999">+`,data(){return{num:this.count,}},//设置初始值props

·2025-06-19 13:03

Vue.js 中的 h() 渲染函数：深入解析与应用

props：节点的属性对象，包

代码简单说·2025-06-18 22:25

Vue3 渲染函数 API（五）

h()h函数用于创建并返回一个虚拟节点（VNode）h(tag,//HTML标签名、组件对象或异步组件函数data,//一个包含组件的props/attrs/domProps/on等的对象children

**之火·2025-06-18 22:54

dva+ts+taro 小程序构建-资料总汇

思路技术选型taro+dva+typescript目录设计组件设计ui设计规范:抽象ui组件组件props注释页面公共交互行为:逻辑组件页面公共组件:业务组件模块划分=>尽量解藕view划分：模块之间不可相互调用

weixin_30793643·2025-06-18 20:44

el-select+el-tree实现树形分组+多选+搜索的选择器

注意父组件用的vue3语法，子组件用的vue2的语法封装treeList子组件，直接上代码exportdefault{name:'TreeSelect',props:{//v-model绑定value:

₍•ʚ•₎呀呀·2025-06-18 16:44

elementui的el-select+el-tree+el-input实现可搜索的下拉树组件

部分实现代码如下handleNodeClick(data,node,item,index,'TableName')"/>在这里插入代码片exportdefault{name:'',components:{},props

前端小白记录·2025-06-18 15:10

vue3 el-select+el-tree实现下拉树形选择

getFileTypeTree}from'@/api/Customer/index'exportdefault{name:'App',data(){return{noticeTypeId:[],//最后获取的选择idtreeProps

控糖__he·2025-06-18 15:10

React1-基础概念

属性（Props）：组件的外部输入，传递数据到子组件。生命周期方法（LifecycleMethods）：处理组件创建、更新和销毁的特定方法。虚拟DOM（Virt

任风雨·2025-06-16 15:15

vue3中defineProps的使用说明

1、数组写法constprops=defineProps(["applyBasicInfo","operateCommandType"]);这是一个非常基础的Vueprops声明方式，适用于简单场景。

BillKu·2025-06-15 00:21

React 源码解析

第一章虚拟DOM：框架的"设计蓝图"1.1最小虚拟DOM实现classVNode{constructor(tag,props,children){this.tag=tag//标签名this.props=

秋水为渡·2025-06-14 13:05

vue.sync的用法

在Vue2中，.sync修饰符是一种语法糖，用于实现父子组件之间的双向数据绑定，简化了props向下传递、事件向上触发的常规模式。

G018_star sky♬·2025-06-14 03:35

el-tree树形节点过滤--不生效

树节点过滤结果不生效组件很简单事件也很简单我就不多说了我遇见的问题是因为我还做了树X轴溢出显示滚动条导致过滤数据不变化了解决:我这个是样式导致的display:block这个data(){return{deviceTree:[],defaultProps

0716*_zwj·2025-06-14 01:51

vue video(视频)禁止用户拖动进度条，自定义组件实现，包含视频音量、暂停、播放、全屏、退出全屏、播放进度，话不多说直接上代码。

$fmtS是一个格式化时间的工具类代码后面有exportdefault{props:{src:{type:String,default:''}},data(){return{video:null,isPlay

行云流水626·2025-06-13 12:53

【实战】23.Pinia 状态管理

在Vue中，我们可以通过props和emit来实现父子组件之间的通信，通过provide和inject来实现祖先组件和后代组件之间的通信，通过vuex来实现多个组件之间的通信。

一百个Chocolate·2025-06-13 06:08

Vue.js 中的 v-bind 指令详解

Vue.js中的v-bind指令详解v-bind是Vue.js的核心指令之一，用于动态绑定HTML属性（如class、style、href等）或组件props到Vue实例的数据。

步行cgn·2025-06-12 01:43

【鸿蒙实战开发】Fabric 自定义组件开发指南

在文件中使用codegenNativeComponent创建MarqueeView组件，其中MarqueeViewProps里声明了src属性和onStop事件：typeOnStopEventData=

「已注销」·2025-06-11 21:44

vue3+el-table组件二次封装

满足了大多数后台管理页面的表格内容，其实还可以将page组件也封装进去，这里没做，后面会考虑加进去的组件内容{{scope.row[item.prop]}}import{ref}from'vue'constprops

watermelon.253·2025-06-11 20:40

使用vue-seamless-scroll实现echarts图表大屏滚动，出现空白间隔的解决方案

二、封装的ScrollList组件exportdefault{name:'ScrollList',props:{id:String},data(){return{timer:null};},met

雨菁ling·2025-06-11 20:38

3D滑动图片

不支持轮播只支持左右滑动切换加载中...图片加载失败exportdefault{name:'hbxw-tilt-carousel',props:{list:{type:Array,default:()=

脾气有点小暴·2025-06-11 18:53

Vue 3 父子组件通信案例详解：Props 与 Emits 实战

本文将用实际案例演示Vue3中最常用的两种父子通信方式：Props（父传子）和Emits（子传父），帮助大家快速掌握CompositionAPI下的组件通信技巧。

csdn_HPL·2025-06-11 09:48

v-bind 与 v-model 的区别与联系详解

v-bind与v-model的区别与联系详解一、核心区别对比表特性v-bindv-model数据流向单向（数据→视图）双向（数据↔视图）主要用途绑定HTML属性/组件props表单输入双向绑定本质属性绑定指令语法糖

步行cgn·2025-06-11 07:36

Vue 模板语句的数据来源

以下是模板可以访问的主要数据来源（按优先级和作用域排序）：1.组件实例自身的状态与逻辑(最高优先级)来源：组件通过data,computed,methods,props,setup()返回值(的顶层绑定