1.子组件$emit()触发,父组件$on()监听

子组件:
<template>
<div class="hello">
<button v-on:click="onClickMe">telltofather</button>
</div>
</template> <script>
export default {
methods: {
onClickMe () {
this.$emit('childClick',this.msg);//将this.msg传给父组件
}
}
}
</script>

父组件:

<template>
<div id="app">
<p>child tell me: {{childWords}}</p>
<child v-on:childClick='listenToMyBoy'>
</child>
</div>
</template > <script> import child from './components/child';
export default {
components: {
child
},
data () {
return {
childWords: ''
}
},
methods: {
listenToMyBoy (msg) {
this.childWords = msg;//获取到子组件传过来的值msg
}
}
}
</script>

最新文章

  1. php 时间倒计时代码 个人写法 有好的想法的欢迎贴出来分享
  2. 如何解决Linux下通过root无法远程登录
  3. DynamicsCRM中的自动保存
  4. GNOME编辑器--gedit 构建基本脚本
  5. 今天讲的是JQ 的动画效果
  6. 在java项目中使用log4j的实例
  7. java中String类型转换方法
  8. HashSet HashTable HashMap的区别
  9. php文件遍历
  10. form提交的时候使用method=get导致乱码
  11. netbeans 调试 php
  12. 解决Mac OS X Lion狮子系统及win7多分区教程
  13. 使用Github Composer Packagist编写及发布扩展包
  14. CSS网页布局
  15. 设计模式---接口隔离模式之代理模式(Proxy)
  16. 黄聪:如何扩展Chrome DevTools来获取页面请求
  17. xhtml和html的差別
  18. [整理]WebAPP开发的框架
  19. 瞎折腾之Webhooks
  20. 批量压缩文件.net

热门文章

  1. 【04】&lt;&#160;meta&#160;&gt;&#160;元素
  2. 下载Spring4.1.x源码并用IntelliJ IDEA打开-----
  3. Android SwipeSelector
  4. mongodb &amp; macOS
  5. 树剖 lca
  6. HDU 4944
  7. 国王游戏(codevs 1198)
  8. openjudge6252 带通配符的字符串匹配
  9. 【intellij】intellij idea 建立与src级别的目录
  10. Codeforces Gym100495 B、D、E、F、K