全栈的自我修养 ———— vue中子组件使用父组件的方法

子组件取得父组件的方法

  • 一、通过props(比较推荐)
  • 二、通过$emit (小编很推荐)
  • 3、provide/inject (不建议)
  • 4、 $parent (不建议)

一、通过props(比较推荐)

在父组件页面给子组件绑定方法,左边是子组件接收的方法名,内容是本组件methods定义的方法
在这里插入图片描述
子组件通过props收到后可以直接在组件中使用
在这里插入图片描述

二、通过$emit (小编很推荐)

如果为了日常方便,emit是一个很快速简单的方法,与props不同的是@
在这里插入图片描述
如图

在这里插入图片描述

3、provide/inject (不建议)

不建议使用,相比于1、2麻烦

4、 $parent (不建议)

在子组件中通过 this.$parent.event 的方式来调用父组件的方法。在嵌套层级很深的子组件中不建议使用该方式。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/526828.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Insert or Erase

https://atcoder.jp/contests/abc344/tasks/abc344_e 给一个不含重复数字的数组&#xff0c;两个询问。 1 x y&#xff1a;在x后面插入一个数y 2 x&#xff1a;删除x #include<iostream> #include<map> using namespace std; map<int,int> l,r; void ins…

【C++初阶】初识模版

目录 前言 一.函数模板 1.泛型编程 2.函数模板 (1)概念 (2)函数模板格式 (3)模板的原理 (4)模板的实例化 ① 隐式实例化&#xff1a;让编译器根据实参推演模板参数的实际类型 ②显式实例化&#xff1a;在函数名后的<>中指定模板参数的实际类型 (5)模板…

MySQL中的JOIN操作

在MySQL中&#xff0c;JOIN操作是数据库查询中非常重要的一部分&#xff0c;它允许我们根据两个或多个表之间的相关列之间的关系&#xff0c;从这些表中检索数据。其中&#xff0c;最常用的三种JOIN类型是Left Join&#xff08;左连接&#xff09;、Right Join&#xff08;右连…

w7安装高版本nodejs

Win7系统可直接安装的最高nodejs版本为13.14&#xff0c;以为要换系统了&#xff0c;不过&#xff0c;网上找到了方法可以安装高版本 我是配置好环境变量后开始操作的&#xff08;因为之前试了其他方法&#xff0c;没成功&#xff0c;环境变量就留下了&#xff09; 新建变量NO…

数据结构——算法的空间复杂度

【本节内容】 1.空间复杂度 2.常见空间复杂度 1.空间复杂度 空间复杂度也是一个数学表达式&#xff0c;是对一个算法在运行过程中临时占用额外存储空间大小的量度。 空间复杂度不是程序占用了多少bytes的空间&#xff0c;因为这个也没太大意义&#xff0c;所以空间复杂度算…

C++进阶:详细讲解继承

现在也是结束了初阶部分的内容&#xff0c;今天开始就进入进阶部分了。一刻也没有为初阶的结束而哀悼&#xff0c;立刻赶来“战场”的是进阶部分里的继承 文章目录 1.继承的概念和定义1.1继承的概念1.2继承的定义1.2.1继承的格式1.2.2再讲访问限定符(详讲protected)1.2.3**继承…

【YOLO v5 v7 v8 v9小目标改进】RevCol:解决深度学习信息从低层(输入)传递至高层(输出)的过程中,信息会逐层丢失问题

RevCol&#xff1a;解决深度学习信息从低层&#xff08;输入&#xff09;传递至高层&#xff08;输出&#xff09;的过程中&#xff0c;信息会逐层丢失问题 学习解耦表示可逆列网络&#xff08;RevCol&#xff09;子特征1&#xff1a;多级可逆单元子特征2&#xff1a;可逆列架构…

《Ubuntu20.04环境下的ROS进阶学习2》

一、使用rviz和gazebo实时仿真 本节我们将使用三维可视化工具rviz&#xff08;The Robot Visualization Tool&#xff09;来实时观测gazebo仿真中的激光雷达数据。 二、打开仿真gazebo项目 如果您已经按照 《Ubuntu20.04环境下的ROS进阶学习0》-CSDN博客 如果您已经按照上次的文…

PID的含义及查看方法(macOS系统和Windows系统)

一 PID的含义 PID是processs indentifier的缩写&#xff0c; 中文是进程标识符。我们每启动一个软件&#xff0c;系统都会生成一个进程&#xff0c;同时生成一个对应的PID&#xff08;一串数字&#xff0c;一般从0开始&#xff09;&#xff0c;在软件运行期间&#xff0c;PID是…

Qt之输入框带自动补全提示功能

这个功能主要是提升人机交互的体验,在输入信息时,自动读取历史信息,协助用户自动补全信息,帮助用户快速输入。 一、使用的控件 使用QComboBox代替传统文本输入框,同时将其属性改为可编辑。 二、使用方式 可以不输入信息,下拉选择项:代码中使用QStringList作为提示信息…

基于Springboot的招生宣传管理系统(有报告)。Javaee项目,springboot项目。

演示视频&#xff1a; 基于Springboot的招生宣传管理系统&#xff08;有报告&#xff09;。Javaee项目&#xff0c;springboot项目。 项目介绍&#xff1a; 采用M&#xff08;model&#xff09;V&#xff08;view&#xff09;C&#xff08;controller&#xff09;三层体系结构…

使用51单片机控制lcd1602字体显示

部分效果图&#xff1a; 准备工作&#xff1a; 51单片机&#xff08;BST&#xff09;1602显示屏 基础知识&#xff1a; 注&#xff1a;X表示可以是0&#xff0c;也可以是1&#xff1b; DL 1&#xff0c; N 1&#xff0c; F 0&#xff0c; 代码一&#xff1a; 要求显示字母…