当前位置: 首页 > news >正文

【vue】组件通选方式

父子传值

props $emit

这是最基本的父子组件通讯方式。通过 props 属性将数据从父组件传递给子组件,而子组件通过触发事件($emit)将数据发送回父组件。

$children $parent

通过 $parent 属性可以访问父组件的实例,通过 $children 属性可以访问子组件的实例。
之前的文章有 $children $parent 示例

$refs

使用 ref 属性可以在父组件中引用子组件,然后可以通过 this.$refs 来直接访问子组件的属性和方法。

祖孙传值

provide inject

之前的文章有provide inject 示例

$attrs $listeners

之前的文章有$attrs $listeners代码示例

兄弟传值(同样适用于父子、祖孙)

vuex
eventBus
http://www.lryc.cn/news/205162.html

相关文章:

  • java 使用策略模式减少if
  • 第1章 引论
  • 深入探究Linux文件:.sh、.swp文件的作用与意义 (linux .sh.swp)
  • 优雅的使用String字符串处理各种类型转换
  • Harmony 个人中心(页面交互、跳转、导航、容器组件)
  • AlDente Pro for Mac: 掌控电池充电的终极解决方案
  • tomcat的负载均衡、动静分离(nginx联动)
  • 基于单片机的温湿度检测及远程控制系统设计
  • 前后端交互系统:在Node.js中运行JavaScript
  • Maven学习
  • 《动手学深度学习 Pytorch版》 10.2 注意力汇聚:Nadaraya-Watson 核回归
  • 测试C#调用Windows Media Player组件
  • 面试经典150题——Day20
  • [SQL开发笔记]AND OR运算符复杂表达式开发实例
  • 如何将本地 PDF 文件进行翻译
  • Node.js的readline模块 命令行交互的模块
  • 前沿重器[36] | ACL23-基于检索的大语言模型-报告阅读
  • 2023秋招笔试算法Python3题解
  • uniapp--点击上传图片到oss再保存数据给后端接口
  • 创建Secret(使用kubectl)
  • Notepad++正则查询替换操作
  • Hive特殊函数的使用
  • Unity Spine 指定导入新Spine动画的默认材质
  • lvs负载均衡集群
  • MySQL---表的增查改删(CRUD基础)
  • 听GPT 讲Rust源代码--library/std(2)
  • 力扣第1005题 K 次取反后最大化的数组和 c++ 贪心 双思维
  • Swoole 4.8版本的安装
  • ChatGPT和Copilot协助Vue火速搭建博客网站
  • javaEE -8(9000字详解网络编程)