博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue: ----父子组件的交流(互相传值和访问)
阅读量:5263 次
发布时间:2019-06-14

本文共 553 字,大约阅读时间需要 1 分钟。

父传子:props

父组件bind一个变量名(代码中的val),将自身的变量(number)传入,

子组件通过在props属性下访问相同的(由父组件定义的)变量名可以拿到数据。

 

子传父: $emit()

子组件中定义一个可触发的事件(代码中为点击事件toParent),在事件中通过$emit()发送一个需要父组件来监听的事件名(fromChild)和要传递的值(val),

父组件通过on来监听子组件中规定好的事件名(也就是fromChild)来触发自身的方法(也就是gotVal),从参数中获取相应的数据。

 

父访问子: $refs

 

子访问父: $parent

转载于:https://www.cnblogs.com/chenmoumou/p/10576888.html

你可能感兴趣的文章
《大道至简》第六章读后感
查看>>
codeforce 597C-Subsequences(dp+树状数组)
查看>>
[android](学习笔记6)为应用程序添加对话框(1)
查看>>
windows下mongodb安装与使用
查看>>
rotate the clock
查看>>
bugku 变量
查看>>
Python 环境傻瓜式搭建 :Anaconda概述
查看>>
趁热打铁第一季《移动APP开发使用什么样的原型设计工具比较合适?》
查看>>
数据库01 /Mysql初识以及基本命令操作
查看>>
数据库02 /MySQL基础数据类型以及多表之间建立联系
查看>>
Python并发编程04/多线程
查看>>
CF461B Appleman and Tree
查看>>
CF219D Choosing Capital for Treeland
查看>>
杂七杂八的小笔记本
查看>>
51Nod1353 树
查看>>
CF1215E Marbles
查看>>
.net Core 图片验证码 基于SkiaSharp实现
查看>>
fish redux 个人理解
查看>>
java 笔记一些
查看>>
BZOJ2339 HNOI2011卡农(动态规划+组合数学)
查看>>