技术栈
组件通信
AkbarSmile
1 个月前
前端
·
javascript
·
vue.js
·
组件通信
vue3组件通信--props
最近在做项目的过程中发现,props父子通信忘的差不多了。下面写个笔记复习一下。父组件(FatherComponent.vue):
又言又语
3 个月前
vue
·
vue3
·
mitt
·
组件通信
【Vue3】组件通信之mitt
随着年龄的增长,很多曾经烂熟于心的技术原理已被岁月摩擦得愈发模糊起来,技术出身的人总是很难放下一些执念,遂将这些知识整理成文,以纪念曾经努力学习奋斗的日子。本文内容并非完全原创,大多是参考其他文章资料整理所得,感谢每位技术人的开源精神。
又言又语
4 个月前
vue
·
vue3
·
inject
·
provide
·
组件通信
【Vue3】组件通信之provide&inject
随着年龄的增长,很多曾经烂熟于心的技术原理已被岁月摩擦得愈发模糊起来,技术出身的人总是很难放下一些执念,遂将这些知识整理成文,以纪念曾经努力学习奋斗的日子。本文内容并非完全原创,大多是参考其他文章资料整理所得,感谢每位技术人的开源精神。
WalkingWithTheWind~
4 个月前
前端
·
javascript
·
vue.js
·
组件通信
Vue 常用组件间通信方式
父组件通过 props 向子组件传递数据,子组件通过 props 接收数据。子组件通过 $emit 触发事件,父组件监听事件并接收数据。
m0_63165331
5 个月前
前端
·
javascript
·
vue.js
·
vue3
·
pinia
·
组件通信
·
任意组件通信
Vue3中的常见组件通信之`pinia`
在vue3中常见的组件通信有props、mitt、v-model、 r e f s 、 refs、 refs、parent、provide、inject、pinia、slot等。不同的组件关系用不同的传递方式。常见的撘配形式如下表所示。
m0_63165331
5 个月前
前端
·
javascript
·
vue.js
·
前端框架
·
vue3
·
组件通信
·
provide和inject
Vue3中的常见组件通信之`provide`、`inject`
在vue3中常见的组件通信有props、mitt、v-model、 r e f s 、 refs、 refs、parent、provide、inject、pinia、slot等。不同的组件关系用不同的传递方式。常见的撘配形式如下表所示。
m0_63165331
5 个月前
前端
·
javascript
·
vue.js
·
vue3
·
组件通信
·
attrs
Vue3中的常见组件通信之$attrs
在vue3中常见的组件通信有props、mitt、v-model、 r e f s 、 refs、 refs、parent、provide、inject、pinia、slot等。不同的组件关系用不同的传递方式。常见的撘配形式如下表所示。
m0_63165331
5 个月前
前端
·
vue3
·
mitt
·
组件通信
·
任意组件通信
Vue3中的常见组件通信之mitt
在vue3中常见的组件通信有props、mitt、v-model、 r e f s 、 refs、 refs、parent、provide、inject、pinia、slot等。不同的组件关系用不同的传递方式。常见的撘配形式如下表所示。
m0_63165331
6 个月前
前端
·
vue.js
·
v-model
·
双向绑定
·
组件通信
·
v-model底层原理
Vue3中的常见组件通信之v-model
在vue3中常见的组件通信有props、mitt、v-model、 r e f s 、 refs、 refs、parent、provide、inject、pinia、slot等。不同的组件关系用不同的传递方式。常见的撘配形式如下表所示。
m0_63165331
6 个月前
前端
·
javascript
·
vue.js
·
vue3
·
props
·
组件通信
·
自定义事件
Vue3中的常见组件通信之props和自定义事件
在vue3中常见的组件通信有props、mitt、v-model、 r e f s 、 refs、 refs、parent、provide、inject、pinia、slot等。不同的组件关系用不同的传递方式。常见的撘配形式如下表所示。
Amd794
6 个月前
组件通信
·
插槽优化
·
动态插槽
·
作用域api
·
vue2/3插槽
·
scopeslot
·
vueslot
Vue插槽与作用域插槽
title: Vue插槽与作用域插槽 date: 2024/6/1 下午9:07:52 updated: 2024/6/1 下午9:07:52 categories:
Unique·Blue
7 个月前
react.js
·
组件通信
·
react 组件通信
react 父组件调用子组件的属性或方法
在vue3中,可使用 useImperativeHandle、forwardRef、useRef这一步跟vue3比较接近
muzidigbig
8 个月前
pinia
·
vue3入门
·
组件通信
·
vue3基础
·
异步组件
·
vue3路由差异
·
ref与reactive区别
Vue3基础
使用传统OptionsAPI中,新增或者修改一个需求,就需要分别在data,methods,computed里修改 。
赢乐
9 个月前
inject
·
provide
·
props
·
emit
·
组件通信
·
父子组件传值
·
传递n个层级
vue3组件间的通信,通过props,emit,provide和inject把数据传递N个层级,expose和ref实现父组件调用子组件方法
我们通过props属性可以把数据传给组件,而通过provide与inject我们可以把数据传递给N个层级的子组件,比如A组件用了B组件,B组件用了C组件,它可以把组件直接从A传给C组件,vue2使用computed来实现响应式,而vue3中 provide 使用ref或reactive定义的变量即可实现响应式。
装不满的克莱因瓶
9 个月前
笔记
·
学习
·
typescript
·
vue
·
vue3
·
props
·
组件通信
尚硅谷 Vue3+TypeScript 学习笔记(下)
目录五、组件通信5.1. 【props】5.2. 【自定义事件】5.3. 【mitt】5.4.【v-model】