vue 子组件向父组件传值方法


Posted in Javascript onFebruary 26, 2018

子组件注册触发事件,父组件注册 触发子组件事件后的方法写在method里面

父组件这么写

<component-a v-on:child-say="listenToMyBoy"></component-a>
<p>Do you like me? {{childWords}}</p>
 methods: {
   listenToMyBoy: function (somedata){
    this.childWords = somedata
   }
  }

子组件component-a这么写

<button v-on:click="onClickMe">like!</button>
methods: {
  onClickMe: function(){
  this.$emit('child-say',this.somedata);
  }
 }

以上这篇vue 子组件向父组件传值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
心扬JS分页函数代码
Sep 10 Javascript
javascript操作字符串的原生方法
Dec 22 Javascript
js完美解决IE6不支持position:fixed的bug
Apr 24 Javascript
基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
Feb 29 Javascript
Javascript json object 与string 相互转换的简单实现
Sep 27 Javascript
js匿名函数使用&amp;传参(实例)
Sep 08 Javascript
Ionic学习日记实现验证码倒计时
Feb 08 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
Sep 20 Javascript
在element-ui的el-tree组件中用render函数生成el-button的实例代码
Nov 05 Javascript
vue 移动端记录页面浏览位置的方法
Mar 11 Javascript
js实现简单选项卡制作
Aug 05 Javascript
如何在 Vue 中使用 JSX
Feb 14 Vue.js
vue2 前端搜索实现示例
Feb 26 #Javascript
vue使用$emit时,父组件无法监听到子组件的事件实例
Feb 26 #Javascript
vue的全局提示框组件实例代码
Feb 26 #Javascript
Angular4 ElementRef的应用
Feb 26 #Javascript
vue cli构建的项目中请求代理与项目打包问题
Feb 26 #Javascript
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
Feb 26 #Javascript
vue bus全局事件中心简单Demo详解
Feb 26 #Javascript
You might like
php 静态页面中显示动态内容
2009/08/14 PHP
简单的方法让你的后台登录更加安全(php中加session验证)
2012/08/22 PHP
PHP简单操作MongoDB的方法(安装及增删改查)
2016/05/26 PHP
完美解决php 导出excle的.csv格式的数据时乱码问题
2017/02/18 PHP
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
2020/03/26 PHP
jQuery中document与window以及load与ready 区别详解
2014/12/29 Javascript
JS点击链接后慢慢展开隐藏着图片的方法
2015/02/17 Javascript
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
2016/07/07 Javascript
Angular.JS判断复选框checkbox是否选中并实时显示
2016/11/30 Javascript
Three.js利用顶点绘制立方体的方法详解
2017/09/27 Javascript
深入理解react 组件类型及使用场景
2019/03/07 Javascript
[02:57]DOTA2英雄基础教程 风行者
2014/01/16 DOTA
简单理解Python中基于生成器的状态机
2015/04/13 Python
在Python中使用__slots__方法的详细教程
2015/04/28 Python
Python3写入文件常用方法实例分析
2015/05/22 Python
Fabric 应用案例
2016/08/28 Python
Python实现多并发访问网站功能示例
2017/06/19 Python
Django学习笔记之ORM基础教程
2018/03/27 Python
python 计算平均平方误差(MSE)的实例
2019/06/29 Python
Django中多种重定向方法使用详解
2019/07/17 Python
Python多线程爬取豆瓣影评API接口
2019/10/22 Python
opencv3/C++ 平面对象识别&amp;透视变换方式
2019/12/11 Python
Python爬虫解析网页的4种方式实例及原理解析
2019/12/30 Python
500行python代码实现飞机大战
2020/04/24 Python
python爬虫beautifulsoup解析html方法
2020/12/07 Python
Python 里最强的地图绘制神器
2021/03/01 Python
联想新加坡官方网站:Lenovo Singapore
2017/10/24 全球购物
博朗(Braun)俄罗斯官方商店:德国小家电品牌
2019/09/24 全球购物
茱莉蔻美国官网:Jurlique美国
2020/11/24 全球购物
元旦联欢会主持词
2014/03/26 职场文书
体育活动总结范文
2014/05/04 职场文书
一份关于丢失公司财物的检讨书
2014/09/19 职场文书
教育局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
单位婚育证明范本
2014/11/21 职场文书
餐厅收银员岗位职责
2015/04/07 职场文书
JS函数式编程实现XDM一
2022/06/16 Javascript