编程 Javascript

vuejs动态组件给子组件传递数据的方法详解

Posted in Javascript onSeptember 09, 2016

通过子组件定义时候的props可以支持父组件给子组件传递数据，这些定义的props在子组件的标签中使用绑定属性即可，但是如果使用的是<component>动态组件，这个时候就没有显式的子组件标签，要给子组件传递数据需要在<component> 中进行绑定

<div class="app" id="deviceready">
<component :is="currentView" :user_name.sync="user_name" :DOB.sync="DOB"></component>
</div>

组件的作用于是独立的

组件的作用于是独立的，如果要从跟组件获取数据，那么需要一层层的传递才行，也就是说子组件只能从直接父组件获取数据，如果是根组件的数据，那么父组件就要继续暴露pops从而绑定来自根组件的数据。

以上所述是小编给大家介绍的vuejs动态组件给子组件传递数据的方法详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持！

vuejs动态组件给子组件传递数据的方法详解

- Author -

CooMark

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js停止输出代码

Jul 20 Javascript

深入理解JQuery keyUp和keyDown的区别

Dec 12 Javascript

js确认删除对话框效果的示例代码

Feb 20 Javascript

Javascript对象Clone实例分析

Jun 09 Javascript

EasyUI修改DateBox和DateTimeBox的默认日期格式示例

Jan 18 Javascript

原生js实现无限循环轮播图效果

Jan 20 Javascript

angular2路由切换改变页面title的示例代码

Aug 23 Javascript

jQuery简单实现向列表动态添加新元素的方法示例

Dec 25 jQuery

一步步教你利用webpack如何搭一个vue脚手架（超详细讲解和注释）

Jan 08 Javascript

React styled-components设置组件属性的方法

Aug 07 Javascript

jQuery与原生JavaScript选择HTML元素集合用法对比分析

Nov 26 jQuery

jQuery实现本地存储

Dec 22 jQuery

Vuejs第十二篇之动态组件全面解析

Sep 09 #Javascript

js动态生成form 并用ajax方式提交的实现方法

Sep 09 #Javascript

Ajax使用原生态JS验证用户名是否存在

May 26 #Javascript

jQuery子元素过滤选择器用法示例

Sep 09 #Javascript

老生常谈JQuery data方法的使用

Sep 09 #Javascript

Vuejs第十一篇组件之slot内容分发实例详解

Sep 09 #Javascript

jQuery内容过滤选择器用法示例

Sep 09 #Javascript

You might like

将RTF格式的文件转成HTML并在网页中显示的代码

2006/10/09 PHP

PHP-redis中文文档介绍

2013/02/07 PHP

百度实时推送api接口应用示例

2014/10/21 PHP

WIN8.1下搭建PHP5.6环境

2015/04/29 PHP

PHP实现与java 通信的插件使用教程

2019/08/11 PHP

php探针使用原理和技巧讲解

2019/09/17 PHP

拖动布局之保存布局页面cookies篇

2010/10/29 Javascript

javascript跨域的4种方法和原理详解

2014/04/08 Javascript

Js和JQuery获取鼠标指针坐标的实现代码分享

2015/05/25 Javascript

javascript鼠标右键菜单自定义效果

2020/12/08 Javascript

JS组件Bootstrap ContextMenu右键菜单使用方法

2016/04/17 Javascript

微信小程序开发实战教程之手势解锁

2016/11/18 Javascript

js实现带三角符的手风琴效果

2017/03/01 Javascript

微信小程序自定义弹窗实现过程(附代码)

2019/12/05 Javascript

微信小程序换肤功能实现代码(思路详解)

2020/08/25 Javascript

[06:16]第十四期-国士无双绝地翻盘之撼地神牛

2014/06/24 DOTA

Python 文件读写操作实例详解

2014/03/12 Python

玩转python爬虫之正则表达式

2016/02/17 Python

python中的计时器timeit的使用方法

2017/10/20 Python

python如何发布自已pip项目的方法步骤

2018/10/09 Python

Django之Mode的外键自关联和引用未定义的Model方法

2018/12/15 Python

简单了解Django ContentType内置组件

2019/07/23 Python

Python装饰器用法与知识点小结

2020/03/09 Python

opencv+python实现鼠标点击图像,输出该点的RGB和HSV值

2020/06/02 Python

Python数据可视化常用4大绘图库原理详解

2020/10/23 Python

pycharm 实现光标快速移动到括号外或行尾的操作

2021/02/05 Python

CSS3系列教程:背景图片(背景大小和多背景图) 应用说明

2012/12/19 HTML / CSS

爱尔兰领先的在线体育用品零售商：theGAAstore

2018/04/16 全球购物

世界上第一个水枕头：Mediflow

2018/12/06 全球购物

大学生家政服务项目创业计划书

2014/01/30 职场文书

学用政策心得体会

2014/09/10 职场文书

四风问题个人剖析材料

2014/10/07 职场文书

见习报告的格式

2014/11/04 职场文书

测量员岗位职责

2015/02/14 职场文书

2015年小学总务工作总结

2015/07/21 职场文书

2016年大学生就业指导课心得体会

2015/10/09 职场文书