Props

React.FC详细解说

这个类型允许你为组件的props提供类型，从而享受TypeScript的类型检查和自动补全等特性。
数字化信息化智能化解决方案·2024-03-09 02:56

vue element plus Cascader 级联选择器

通过props.expandTrigger属性控制子节点的展开方式Childoptionsexpandwhenclicke
跟Bug双向奔赴·2024-03-06 21:48

React中setState的异步与合并

场景一importReactfrom'react';classMyAppextendsReact.Component{constructor(props){super(props);this.state
要努力_·2024-03-05 16:11

vue3实现表格单元格可编辑

下面看实现效果（部分代码）：{{props.row.amount
HuaHua·Li·2024-03-02 07:50

vue3+ts实现图片预览功能

import{ref}from'vue';exportdefault{props:{imageSrc:{type:String,required:true,},previewSrc:{type:String
前端fighter·2024-03-02 07:49

【知识分享】Echarts雷达图组件封装

（2）创建一个RadarChart.vue组件用于封装雷达图：importechartsfrom'echarts';exportdefault{props:{data:{type:A
加瓦程序设计师·2024-03-01 20:05

react组件间通讯方式（组件传值）

组件间传值有多种方式，包括使用props、ContextAPI、回调函数、自定义Hook、事件总线等。
秃头的小毛驴·2024-02-29 21:03

react + Typescript 中 react有多少内置的类型 分别是什么

这些类型定义涵盖了React的各个方面，从组件类和函数组件到组件属性（props）、状态（state）和事件处理等。以下是一些常用的React内置类型：ReactNode:用
汝&戏·2024-02-25 10:49

elementPlus tables表格的二次封装

{{getProp(row,item)}}exportdefault{name:"Tables",props:{tableData:{type:Array,default:[],},columnData
小前端·2024-02-23 19:38

js+css 锚点菜单

{{item.label}}我是内容1我是内容2我是内容3我是内容4我是内容5exportdefault{name:"",components:{},mixins:[],props:{},computed
bobringtheboys·2024-02-23 01:47

react中的context

在React中，数据可以以流的形式自上而下的传递，每当你使用一个组件的时候，你可以看到组件的props属性会自上而下的传递。
yonglei_shang·2024-02-20 22:23

Vue-Cli—03.路由传参数 / 路由进阶 / 路由缓存 /sass|less

params参数路由配置{//注意：这里的路由需要传一个参数，路由可以传多个参数//如果是多个参数，可以写/type/:id/:namepath:'/type/:id',//设置该选项为true，组件可以通过props
萌新g·2024-02-20 19:25

React初次接触

constructor()不是必须的，但，如果有constructor(),ES6语法强制使用super();react初始化class后，会自动将props设置在this中，所以没有constructor
岁月静好_dfb4·2024-02-20 18:09

vue 中provide的用法_聊聊Vue中provide/inject的应用详解

在Vue中，Vue提供了各种各样的组件通信方式，从基础的props/$emit到用于兄弟组件通信的EventBus，再到用于全局数据管理的Vuex。
weixin_39796238·2024-02-20 17:44

react的createContext及useContext 和 vue3的 provide 及 inject

这几个方法都是用于多层嵌套组件时，父组件向某个深层组件的传值，避免了props一层一层的传递。
Mosowe·2024-02-20 17:13

vue组件通讯之provide / inject

什么是provide/inject[传送门]vue的组件通讯方式我们熟知的有props$emitbusvuex,另外就是provide/injectprovide/inject是Vue.js2.2.0版本后新增的
weixin_34101784·2024-02-20 17:13

React中的函数组件

/react-dom';/***函数组件其实是一个函数，接收props,返回一个React元素*/functionFunctionComponent(props){letelement=hello,{props.name
前端小超人rui·2024-02-20 12:55

Vue | （三）使用Vue脚手架（上） | 尚硅谷Vue2.0+Vue3.0全套教程

文章目录初始化脚手架创建初体验分析脚手架结构关于render查看默认配置ref与propsref属性props配置项混入插件scoped样式学习链接：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs
啦啦右一·2024-02-20 12:13

vue3 之 商城项目—封装SKU组件

props和emit，props决定了当前组件接收什么数据，emit决定了会产出什么数据点击规格准备模版渲染规格数据import{o
jiojio冲冲冲·2024-02-20 09:31

Vue3 学习笔记（Day2）

学习笔记（Day1）:::block-1目录3Vue3核心语法3.1选项式API与组合式API3.2setup3.3ref和reactive3.4computed3.5watch3.6标签的ref属性3.7props3.8
·2024-02-20 09:13

Vue组件之间的传递通信

Vue组件之间的通信可以通过多种方式实现，包括但不限于以下几种：一、父子组件通信1.父组件向子组件传递数据：使用props传递数据在Vue中，父组件可以通过props向子组件传递数据。
松果猿·2024-02-20 09:27

React 组件状态的使用

**importReactfrom'react';importReactDOMfrom'react-dom';classClockextendsReact.Component{constructor(props
前端小超人rui·2024-02-20 07:56

vue封装el-table表格组件

先上效果图：本文包含了具名插槽、作用域插槽、jsx语法三种：Render.vue（很重要，必须有）:exportdefault{name:"FreeRender",functional:true,props
_处女座程序员的日常·2024-02-20 06:19

业务型 编辑器组件的封装（复制即可使用）

/index.less'classEditorElemextendsReact.Component{constructor(props){super(props);this.isChange=false
爱吃排骨·2024-02-20 06:34

js-后端返回参数前端动态切换组件样式

/js/EnumUtil.js";exportdefault{name:"TaskIcon",props:{//状态值变化statues:{type:Number,default:null,},},method
哟哟耶耶·2024-02-20 05:23

Vue：Computed和watch

Vue.js中的computed和watch是两种处理响应式数据的不同方式，它们分别服务于不同的目的：ComputedProperties（计算属性）用途：计算属性是用来根据其他响应式依赖（如data、props
RCX明·2024-02-20 03:34

用户头像（图片文件）上传（Vue + nodejs 前后端）

Upload组件import{Plus}from'@element-plus/icons-vue'import{computed}from'vue'constprops=defineProps({avatar
小秀_heo·2024-02-20 02:53

React（五）—— 生命周期

的生命周期与Vue的生命周期，看似简单，实则我认为是很难很复杂的一部分，这个需要长期的工作经验才能领悟classHelloComponentextendsReact.Component{constructor(props
感觉不错哦·2024-02-20 01:59

[Vue的组件通讯.sync修饰]Vue中.sync的使用方法和实现的方式 代码注释

目录.sync的使用方法1.在父组件中，将需要传递给子组件的数据使用v-bind绑定到子组件的props中，并在属性名后加上.sync修饰符，如下所示：2.在子组件中，将需要传递给父组件的数据使用$emit
门前大桥下.·2024-02-19 23:36

七、动态菜单—递归组件的使用

Menu{{item.meta.title}}{{item.children[0].meta.title}}=2">{{item.meta.title}}//获取父组件传递过来的全部路由数组defineProps
小曲曲·2024-02-19 21:31

svg之全局组件，配合雪碧图解决vue2的svg优化问题

exportdefault{name:'icon',props:{name:{type:String,required:true,},},}这里这个就是全局的svg组件，代码来自于webpack-懒人神器
强啊啊强·2024-02-19 19:48

react-redux 基本原理 & 使用redux 处理异步逻辑

Redux出现的背景随着对React使用的深入，你会发现组件级别的state，和从上而下传递的props这两个状态机制，无法满足复杂功能的需要，例如跨层级之间的组件的数据共享和传递，Redux应运而生。
廖雪青·2024-02-19 18:53

Vue2之父子组件传值与watch监听案例

Vue2之父子组件传值与watch监听案例文章目录Vue2之父子组件传值与watch监听案例1.父子组件传值1.props1.父组件2.子组件props与watch3.子组件props与watch(立即监听
小袁搬码·2024-02-19 14:48

项目开发日志（登录页面）：1. Header组件

linkUrl图标点击后链接界面String否javascript:;(none)属性名含义类型是否必填默认值url图片路径String是无样式@mainColor->主题颜色代码exportdefault{props
博丽七七·2024-02-19 13:22

项目开发日志（登录界面）：2. LoginTitle组件

welcomeTitle欢迎标语String是无mainTitle标题String是无样式@mainColor->主题颜色代码{{welcomeTitle}}{{mainTitle}}exportdefault{props
博丽七七·2024-02-19 13:47

上传图片组件的封装

1.图片上传组件上传重新上传{{subtitle}}exportdefault{name:"uploadImg",props:{fileInputId:{type:String,required:true
刚好遇见你GG·2024-02-19 13:40

React -- 组件通信

A-B父子通信B-C兄弟通信A-E跨层通信父子通信-父传子基础实现**实现步骤**父组件传递数据-在子组件标签上绑定属性子组件接收数据-子组件通过props参数接收数据functionSon(props
大吉大利都吃鸡·2024-02-19 12:23

关于React中的状态和属性

在React中，状态（State）和属性（Props）是两个核心概念，用于管理组件的数据和传递信息。下面详细描述它们的区别：状态（State）：定义：状态是组件内部维护的可变数据。
╰゛Maud·2024-02-19 12:47

react 插槽

me";constname=名称classShoopextendsComponent{render(){return{name}视频视频}}exportdefaultShoop子组件constMe=(props
卑微的雨落·2024-02-15 10:36

React：高阶组件|ref转发

组件是将props转换为UI，而高阶组件是将组件转换为另一个组件。HOC在React的第三方库中很常见，例如Redux的connect和Relay的createFrag
是席木木啊·2024-02-15 06:42

React Hook 简介

constExample=(props)=>{return;}如果你在编写函数组件并意识到需要向其添加一些state，以前的做法是必须将其它转化为class。现在你可以在现有的函数组件中使用Hook。
欧雷_99f3·2024-02-15 05:23

【Vue】组件通信（父传子 props）

本节讲的是：父传子父传子的过程中，用到的关键词是：props过程如下HTML代码{{message}}JS代码/*子组件*/Vue.component('child',
德育处主任·2024-02-14 19:54

2018-06-27 React Native ES6 作用域问题

43008626181780975.jpg贴出错误代码_startAnimation({show}){lethandler=this.props.startCustomAnimation||this.
deadcalm·2024-02-14 17:46

React的构造函数constructor内的super()函数解析

super()函数的作用执行super()函数后，该对象的props属性就被声明、赋值了。即
天海相接·2024-02-14 15:25

React中Provider组件详解

使用场景1.A(顶级组件）-》B组件（子组件）-》C组件（孙子组件）2.A(顶级组件）-》B组件（子组件）、C组件（孙子组件）…很多组件（每个组件都需要传props)A组件传递数据给C组件实现方式有很多种
多啦-A萌·2024-02-14 15:27

Vue父组件与子组件之间通信

一、父组件向子组件传递信息利用props（这种比较基础，就不细写了）//父组件：importchildfrom'child.js'exportdefault{components:{child},data
yukino_yukino·2024-02-14 07:19

react【三】受控组件/高阶组件/portals/fragment/严格模式/动画

文章目录1、受控组件1.1认识受控组件1.2checkout1.3selected1.4非受控组件2、高阶组件2.1认识高阶组件2.2应用1-props增强的基本使用2.3对象增强的应用场景-context
KIKIo_·2024-02-14 06:56

在Vue中使用百度地图

onMounted}from'vue'importdetailSectionfrom'@/components/detail-section/detail-section.vue'//传入的经纬度constprops
KIKIo_·2024-02-14 06:55

小学生的RN 学习笔记1

Props（属性）先看第一个例子：exportdefaultclassXXXextendsComponet{render(){letpic={uri:'https://upload.wikimedia.org
腩大哟·2024-02-14 05:03

VueCLI核心知识1：ref属性、props配置、mixin混入

1ref属性ref属性类似于js原生获取DOM元素点我输出上方的Dom元素importSchoolfrom'./components/Schoool'exportdefault{name:'App',components:{School},data(){return{msg:'欢迎学习Vue'}},methods:{showDom(){console.log(this.$refs.title)//
是小蟹呀^·2024-02-14 02:39
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他