编程 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 相关文章推荐

Javascript实现页面跳转的几种方式分享

Oct 26 Javascript

jQuery的$.proxy()应用示例介绍

Apr 03 Javascript

浅析Node.js实现HTTP文件下载

Aug 05 Javascript

利用bootstrapValidator验证UEditor

Sep 14 Javascript

第一次动手实现bootstrap table分页效果

Sep 22 Javascript

动态JavaScript所造成一些你不知道的危害

Sep 25 Javascript

BootStrap Select清除选中的状态恢复默认状态

Jun 20 Javascript

jQuery选择器之属性过滤选择器详解

Sep 28 jQuery

js微信分享接口调用详解

Jul 23 Javascript

js实现拾色器插件（ColorPicker）

May 21 Javascript

解决vue无法侦听数组及对象属性的变化问题

Jul 17 Javascript

使用Vant完成DatetimePicker 日期的选择器操作

Nov 12 Javascript

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

多php服务器实现多session并发运行

2006/10/09 PHP

php自定义函数call_user_func和call_user_func_array详解

2011/07/14 PHP

使用PHP Socket 编程模拟Http post和get请求

2014/11/25 PHP

Yii不依赖Model的表单生成器用法实例

2014/12/04 PHP

今天你说520了吗?不仅有php表白书还有java表白神器

2016/05/20 PHP

PHP微信公众号自动发送红包API

2016/06/01 PHP

PHP观察者模式示例【Laravel框架中有用到】

2018/06/15 PHP

详解PHP中的8个魔术常量

2020/07/06 PHP

PHP实现简单日历类编写

2020/08/28 PHP

JavaScript中的私有成员

2006/09/18 Javascript

csdn 批量接受好友邀请

2009/02/19 Javascript

jquery连缀语法如何实现

2012/11/29 Javascript

js自定义回调函数

2015/12/13 Javascript

gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点

2016/02/21 Javascript

javascript实现dom元素可拖动

2016/03/21 Javascript

JS仿Base.js实现的继承示例

2017/04/07 Javascript

AngularJS ng-repeat指令及Ajax的应用实例分析

2017/07/06 Javascript

解决bootstrap中下拉菜单点击后不关闭的问题

2018/08/10 Javascript

微信小程序之事件交互操作实例分析

2018/12/03 Javascript

通过实例了解JS 连续赋值

2019/09/24 Javascript

JavaScript组合模式---引入案例分析

2020/05/23 Javascript

NodeJS配置CORS实现过程详解

2020/12/02 NodeJs

一个基于flask的web应用诞生 flask和mysql相连（4）

2017/04/11 Python

python数据抓取分析的示例代码（python + mongodb）

2017/12/25 Python

Python基于高斯消元法计算线性方程组示例

2018/01/17 Python

python中不能连接超时的问题及解决方法

2018/06/10 Python

NumPy排序的实现

2020/01/21 Python

python绘制汉诺塔

2021/03/01 Python

GNC健安喜官方海外旗舰店：美国著名保健品牌

2017/01/04 全球购物

卡拉威高尔夫官方网站：Callaway Golf

2020/09/16 全球购物

Java中实现多态的机制

2015/08/09 面试题

怎样从/向数据文件读/写结构

2014/11/23 面试题

造型师求职自荐信

2013/09/27 职场文书

会议通知

2015/04/15 职场文书

uniapp开发小程序的经验总结

2021/04/08 Javascript

pytorch实现线性回归以及多元回归

2021/04/11 Python