vue 父组件与子组件相互通信
来源:互联网 发布:哪个软件可以听课 编辑:程序博客网 时间:2024/05/21 07:59
父组件传值到子组件
注册一个子组件,需要向子组件传值,给渲染的子组件自定义标签属性,绑定传输数据
<privateScoreTop :msg ="Widget" v-on:listenTochildEvent="showMessageFromChild"></privateScoreTop>
msg是绑定的自定义属性,类似我们原生html 给标签自定义属性一样,Widget是传输变量,
子组件接收:
export default{ data(){ }, mothods:{ }, mounted (){ }, props:["msg"]}
通过props接收到msg属性值,在子组件里通过msg渲染数据,
<span>{{msg}}</span>
子组件传值到父组件
在子组件里
export default{ methods: { onfilter(){ this.$emit("listenTochildEvent","browse"); }, }}
在父组件:
<privateScoreTop :msg ="Widget" v-on:listenTochildEvent="showMessageFromChild"></privateScoreTop> showMessageFromChild(data){ alert(data); }
通过this.$emit(),子组件像父组件传值得过程。
阅读全文
0 0
- vue 父组件与子组件相互通信
- Vue 父组件与子组件之间的通信
- Vue 父组件与子组件
- 父组件与子组件的通信
- Vue中父组件向子组件通信
- vue自定义事件 子组件向父组件通信
- vue prop 父组件向子组件通信
- vue 父组件和子组件的通信
- 【QT】父组件与子组件的相互通信例子(用signal-slot实现)
- vue父组件与子组件双向绑定
- vue组件与route通信
- Vue——父和子组件通信
- Vue父组件调用子组件事件
- vue-父组件获取子组件数据
- vue 父组件调用子组件方法
- vue子组件获取父组件方法
- react父组件与子组件进行通信
- Vue.js的组件(二)父组件与子组件的数据联系 之 父传子
- 2017-10-6有感
- 二分查找的非递归实现
- Spring入门(AspectJ,Advice以及对于Advice扩展)
- java入门IO流--FileOutputStream&&FlieInputStream
- 数组中第K小的数
- vue 父组件与子组件相互通信
- loadrunner解决“服务器正在运行中”方法
- nginx 简单介绍
- 这几天
- 移动架构14_命令模式
- numpy.unravel_index
- #POJ1475#Pushing Boxes(A*_搜索)
- git如何上传文件到github
- Codeforces Round #438 C.Qualification Rounds(状态压缩再枚举状态)