vue2 子组件和父组件通信

news/2024/7/9 23:52:12 标签: vue

父组件:

 export default {
        data() {
            return {
                aaa:'777'
            }
        }
  }

子组件:

export default {
        data() {
            return {

            }
        },
        methods:{
            callParent(){
                console.log(this.$parent.aaa)
            }
        }
  }

当子组件调用callParent方法的时候 显示的结果是父组件dataaaa的值777

 

父组件调用子组件:vue.$children[0]  或者 vue.$refs.组件名


http://www.niftyadmin.cn/n/1491710.html

相关文章

Debian For ARM mysql-server install information

/***************************************************************************** Debian For ARM mysql-server install information* 说明:* 之前有提到安装mysql-server的时候,有出现无法配置的问题,今天再次尝试* 安装&…

Debian下MySQL配置

1 安装 $ apt-get install mysql-server$ apt-get install mysql-client2 修改MySQL的口令 一般上一步会让你输入root密码,如果没有,为了安全起见,一定要修改你的口令! 先来看看你的mysql是不是真的没有口令: $ mysq…

java中的关键字——final

谈到final关键字,想必很多人都不陌生,在使用匿名内部类的时候可能会经常用到final关键字。另外,Java中的String类就是一个final类,那么今天我们就来了解final这个关键字的用法。下面是本文的目录大纲: 一.final关键字的…

PyQt QtWebChannel:从JavaScript调用Python函数

我正在尝试&#xff0c;使用Qt类QWebEngineView&#xff0c;并QWebChannel在HTML页面和Python脚本之间建立一个简单的连接。目标只是在单击foo()标题时执行<h2>。 import sys from PyQt5.QtCore import pyqtSlot from PyQt5.QtWidgets import QApplication from PyQt5.Q…

python 实现异步执行

python 实现异步执行 网上看到个例子怎样利用 threading 模块实现异步执行&#xff0c;自己动手试了试&#xff0c;写了个装饰器的例子&#xff0c;很实用。 把 async 分离开&#xff0c;放到一个单独的模块中&#xff0c;就可以把它当成一个模块实用 分析一下&#xff0c;下面…

java中的值传递与引用传递

最近刷题用递归解决关于树的问题的时候&#xff0c;在递归函数调用的时候什么时候传入值&#xff0c;什么时候传入引用有疑问&#xff0c;因为这关系到什么时候我们需要恢复现场&#xff0c;什么时候不需要。在网上搜索了一下&#xff0c;感觉这篇总结的非常简单明了&#xff0…

Python使用SQLAlchemy,并且解决了插入中文乱码问题

from sqlalchemy import Column, String, create_engine from sqlalchemy.orm import sessionmaker from sqlalchemy.ext.declarative import declarative_base # 创建对象的基类: Base declarative_base() # 定义User对象: class USer(Base): __tablename__user2 nam…

红黑树的定义与性质

红黑树是每个节点都带有颜色属性的二叉查找树&#xff0c;颜色或红色或黑色。在二叉查找树强制一般要求以外&#xff0c;对于任何有效的红黑树我们增加了如下的额外要求:性质1. 节点是红色或黑色。性质2. 根节点是黑色。性质3 每个叶节点&#xff08;NIL节点&#xff0c;空节点…