props

模仿奈雪Banner组件

componentsexportdefault{name:'jerry-banner',props:{//是否显示面板指示点indicatorDots:{type:Boolean,default:false
yueF_L·2024-01-31 17:19

React、React Router、JSX 简单入门快速上手

表达式渲染列表样式控制注意事项入门脚手架创建react项目安装目录介绍入口文件解析组件解析介绍函数式组件类组件事件绑定注意点定义使用事件对象事件处理函数接收额外参数组件状态状态的定义使用组件通信父传子子传父兄弟传值深度组件传值（爷孙）props
Thetimezipsby·2024-01-31 17:37

Spring Boot系列 – 4. 读取配置文件（application.yml）中的属性值

引入依赖：org.springframework.bootspring-boot-configuration-processortrue2、配置文件（application.yml）中配置各个属性的值：myProps
Java架构师必看·2024-01-31 15:02

Vue组件化-组件间通信-props-emit

一、Vue组件的嵌套关系1.认识组件的嵌套前面我们是将所有的逻辑放到一个App.vue中：在之前的案例中，我们只是创建了一个组件App；如果我们一个应用程序将所有的逻辑都放在一个组件中，那么这个组件就会变成非常的臃肿和难以维护；所以组件化的核心思想应该是对组件进行拆分，拆分成一个个小的组件；再将这些组件组合嵌套在一起，最终形成我们的应用程序；我们来分析一下下面代码的嵌套逻辑，假如我们将所有的代码逻
DustinWangq·2024-01-31 15:42

react通信方式之---发布订阅

在vue中组件通信可以通过自定义属性、发布订阅事件，而在react中都是用props来进行通信，但是这一通信局限于父子组件之间，如果是相邻兄弟或者爷孙这种组件通信呢？
颜色不一样的烟火_ac0f·2024-01-31 15:25

Vue组件化-插槽Slot和非父子通信

一、认识插槽Slot作用1.认识插槽Slot在开发中，我们会经常封装一个个可复用的组件：前面我们会通过props传递给组件一些数据，让组件来进行展示；但是为了让这个组件具备更强的通用性，我们不能将组件中的内容限制为固定的
DustinWangq·2024-01-31 15:42

Vue父子组件之间互相传值

components/children"exportdefault{data(){return{parentVal:'我是父组件的值'}},components:{children}}子组件exportdefault{props
FD__f392·2024-01-31 15:01

React hooks子组件暴露方法示例

说明通常情况下，React子组件使用父组件的方法或值通过props传递，反过来，父组件如果需要子组件的方法就需要子组件将自己的方法暴露出去。
likepoems·2024-01-31 13:58

React16源码: React中NewContext的源码实现

NewContext1）概述新的contextAPI是一个组件化的使用方式它就跟写其他的组件一样，像写jsx，通过标签的这种方式来赋值一些props还有去给子节点去拿到这个conntext的属性context
Wang's Blog·2024-01-31 12:43

React 面试题

1、组件通信的方式父组件传子组件：通过props的方式子组件传父组件：父组件将自身函数传入，子组件调用该函数，父组件在函数中拿到子组件传递的数据兄弟组件通信：找到共同的父节点，用父节点转发进行通信跨层级通信
MissXu666·2024-01-31 12:11

【vue3+ts】组件定义props并设置初始值

interfaceProps{filterPopVisible:boolean;reqType:string;max:string;error:boolean;isMultiple?
String佳佳·2024-01-31 12:40

Vue中keep-alive缓存的详解（深度理解）

keep-alive是vue中的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOMkeep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们keep-alive可以设置以下props
章IT·2024-01-31 12:31

Vue3组件通信 详解(上)

常见搭配形式props概述：props是使用频率最高的一种通信方式，常用与：父↔子。若父传子：属性值是非函数。若子传父：属性值是函数。父组件：父组件，我的车：{{car}}儿子给的玩
还能救一下嘻嘻·2024-01-31 11:17

Vue题目

exportdefault{name:"contact-list",props:['basicInfo'],}.contact
头大如牛·2024-01-31 10:35

vue3-深入组件-透传属性

传递给一个组件，却没有被该组件声明为props或emits的attribute或者是事件监听器，例如classstyleid等。属性继承当一个组件以单个元素作渲染时，透传的属性会自动被添加到根元素上。
王大可996·2024-01-31 10:34

【bug】在子组件中watch监听父组件传过来的值，监听不到，已解决

autoinputFs，autoinputFs为true的时候，子组件中的输入框（只有一个）自动聚焦，很多组件复用mp3Search，有些页面不需要，所以定义了autoinputFs控制输入框是否自动聚焦子组件接受并监听props
春晓_春眠花落·2024-01-31 03:17

vue3的父传子与子传父

父传子：父亲-在子组件标签上通过自定义属性传递数据儿子-通过constprops=defineProps({...})接受子传父：父亲：在子组件标签上绑定自定义事件儿子：通过constemit=defineEmits
香香爱编程·2024-01-31 02:44

ant desgin table 合并表格 实现表格一行对多行的效果

constcolumns=[{title:'Homephone',colSpan:2,dataIndex:'tel',render:(value,row,index)=>{constobj={children:value,props
_一九九一_·2024-01-31 02:30

vue组件通信方式 provide-inject

Vue提供了一种无需父组件显式传递props就能子组件之间共享数据的机制，即provide和inject选项。祖先组件通过provide选项来提供变量，而后代组件则通过inject选项来接收这些变量。
<有心人>·2024-01-31 01:30

vue 和 react技术选型

相同点：数据驱动页面，提供响应式的试图组件都有virtualDOM,组件化的开发，通过props参数进行父子之间组件传递数据，都实现了webComponents规范数据流动单向，都支持服务器的渲染SSR
亮学长·2024-01-31 00:37

从原理到实战：vue中的provide/inject让你的代码更优美

vue的通信方式在vue中组件之间交互通信有很多种方式，props传值、emit传值、bus传
水星记_·2024-01-30 23:07

第八章（应用场景篇） 中大型项目的解构：从单体应用到微前端

、从单体应用到微前端1.1单体应用的困境1.2微前端的优势1.3解构过程二、案例分析3.1项目背景3.2解构过程1.项目分析2.架构设计3.技术选型1.主应用配置2.子应用开发3.子应用间通信a.使用props
球球不吃虾·2024-01-30 22:58

vue_slot_作用域插槽

:(1).我们可以在标签元素上使用v-bind指令绑定一个特性(属性)如：v-bind:my_prop，也被称为插槽prop(2).在父组件上访问绑定到slot插槽上的prop对象:语法格式:slotProps.my_p
大风过岗·2024-01-30 22:20

vue3 + ts vue_3.4 setup单文件组件中的属性

props各种类型import{ref,PropType}from'vue';interfacelistType{addres:string;code:number;}interfaceftObj{obj1
汝&戏·2024-01-30 19:02

uniapp报错[Vue warn]: Invalid default value for prop “list“: Props with type Object/Array must use

解决方案一：在你的组件中定义一个名为props的对象，并为list属性设置一个工厂函数来返
爱敲代码的婷婷婷.·2024-01-30 18:38

初识Vue 3.0 —— component：组件创建

6.组件创建注意：1.组件的创建方式；2.props:['todo'],设置参数注意格式；3.v-bind:todo="item"，数据传递至组件参数内//创建组件constcpt={data(){return
兔子敲代码·2024-01-30 17:52

带parentId的el-tree如何保存树结构的数据

1、保存选中节点的数据首先介绍一下el-tree:props里面存数据的对应结构functiongetSelectedNodes(){data.selectedNodes=data.tree.getCheckedNodes
Queen_sy·2024-01-30 14:00

Vue-40、Vue中TodoList案例

1、MyHeader.vueimport{nanoid}from'nanoid'exportdefault{name:"MyHeader",props:['addTodo'],data(){return
一叶飘零晋·2024-01-30 13:10

ElmentUI禁止点击遮罩层关闭el-dialog弹窗、对话框滑动不消失功能

全局//引入elementUIimportELEMENTfrom'element-ui'//修改el-dialog默认点击遮照为不关闭\全局设置点击遮罩层不关闭DialogELEMENT.Dialog.props.closeOnClickModal.default
梓涵999·2024-01-30 12:42

react中使用antd的表单重置数据

string[]])注：initialValue有值时会重置为initialValue使用：//这个事件，可以是click可以是生命周期函数，具体看需求componentWillUnmount(){this.props.form.resetFields
zoepriselife316·2024-01-30 10:04

react中使用useEffcet抛出错误“超出最大更新深度”

一进页面就拿到要notiveType的值，于是写在componentDidMount生命周期里，只在第一次进入页面时调一次，之后不调用classAextendsPureComponent{constructor(props
outstanding木槿·2024-01-30 10:27

React一学就会(6): 细说Hooks及其应用

Context由于状态是封闭的，所以组件与组件之间不能共享状态，我们只能把数据通过Props的方式传递给子组件，子组件再通过props传递给它的子组件，这样一级一级的传递下去。
码蚁先生·2024-01-30 09:27

vue3组合式api中，子组件给父组件传递事件的写法

子组件exportdefaultdefineComponent({components:{...},props:{...},//定义抛出的事件名称emits:["player-play"],setup(
qq_33761388·2024-01-30 09:54

vue中使用el-tooltip实现超出部分显示省略号且移入显示el-tooltip内容

vue中使用el-tooltip实现超出部分显示省略号且移入显示el-tooltip内容自定义组件MyTooltip.vue{{text}}exportdefault{name:"myTooltip",props
码上暴富·2024-01-30 06:54

el-tooltip超出文字长度进行显示

{{contentName}}{{content||"--"}}exportdefault{name:'textTooltip',props:{//名称contentName:{type:String,
心树暖阳��·2024-01-30 06:51

el-tooltip 超出宽度显示提示内容，支持自定义提示内容

自定义tooltip内容tooltip位置跟随鼠标位置显示组件源码{{content||text}}{{text}}import{uniqueId}from'lodash';exportdefault{props
小乔FEer·2024-01-30 06:19

element-ui —— el-tooltip 超出部分显示省略号，鼠标悬浮显示详情

子集为数据全量，控制中间层的样式，并设置宽度，通过ref进行宽度对比，若子集比中间层更宽，既说明显示了...样式{{content||'-'}}exportdefault{name:'textTooltip',props
Marktubbu·2024-01-30 06:17

ida调试

/setpropsro.debuggable1修改为debug2：打开调试应用并等待attach:adbshellamstart-D-Ncom.asobimo.aurcusonline.ww/com.asobimo.aurcus.Aurcus3
xiabodan·2024-01-30 05:35

尚硅谷Vue项目实战硅谷甄选Vue3学习笔记

Props父传值子组件子组件我是子组件:曹植{{props.info}}{{props.money}}{{info}}{{money}}修改props数据letprops=defineProps(['info
　方雄·2024-01-30 04:36

React第一课props

1.varBacon=React.createClass({render:function(){{rhis.props.title}}});ReactDOM.render(,document.getElementById
adustdu2015·2024-01-30 04:46

非父子组件的传值问题

)Vue.prototype.bus=newVue()Vue.component('child',{data:function(){return{selfContent:this.content}},props
puxiaotaoc·2024-01-30 04:26

React组件进阶--render-props，render props模式的使用步骤，children代替render属性，传递props

1.render-props1.React组件复用概述思考：如果两个组件中的部分功能相似或相同，该如何处理？处理方式：复用相似的功能（联想函数封装）复用什么？
格鲁的斯图尔特·2024-01-30 03:33

React进阶-状态逻辑复用

目录1.组件复用的说明2.mixins混入（已废弃）3.高阶组件概述基本使用封装withMouse高阶组件高阶组件的注意点4.render-props模式基本使用children代替render属性5.
前端路啊·2024-01-30 03:33

58 道 Vue 常见面试题，从入门到精通

答：通过props子组件像父组件传递事件？答：$emit方法v-show和v-if指令的共同点和不同点？
下下下个路口左转·2024-01-30 00:56

如何实现message方法，实现api形式的组件调用

classMessageComextendsComponent{render(){return{this.props.text}}}exportdefaultfunction(obj){const{type
汉卿·2024-01-29 22:44

vue中使用canvas给图片绘制水印，即使下载图片也是带水印的

先看效果话不多说直接上组件1、Watermark.vueexportdefault{props:{//图片地址url:{type:String,required:true,default:'https:
jsmeng626·2024-01-29 19:04

#Vue3篇：defineProps---withDefaults&& Vue3 中，有以下几种属性或函数不需要手动引入即可直接使用：

reactive({})definePropsimport{defineProps}form'vue'import{typepersons}from'@/types'letprops=defineProps
前端xiaolibao·2024-01-29 18:27

vue2 表单类的封装

BaseSelect.vue'exportdefault{data(){return{selectId:'105',}},components:{BaseSelect,},}BaseSelect.vue北京上海武汉广州深圳exportdefault{props
知远同学·2024-01-29 17:43

elementui el-pagination 分页组件封装

一.后端分页0">exportdefault{props:{callback:{//获取列表数据方法type:Function,default(){returnfunction(){};}},propCurrentPage
清阿哥、·2024-01-29 17:11

vue分页 对el-pagination进行二次封装

分页组件Paginationexportdefault{name:"Pagination",props:{total:{required:true,type:Number,},page:{type:Number
_不是惊风·2024-01-29 17:41
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他