编程 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的循环

Nov 18 Javascript

jquery弹出遮掩层效果【附实例代码】

Apr 28 Javascript

由简入繁实现Jquery树状结构的方法(推荐)

Jun 10 Javascript

js实现对table的增加行和删除行的操作方法

Oct 13 Javascript

微信小程序开发探究

Dec 27 Javascript

如何正确理解javascript的模块化

Mar 02 Javascript

jquery实现图片放大点击切换

Jun 06 jQuery

vue-cli如何引入bootstrap工具的方法

Oct 19 Javascript

node 使用 async 控制并发的方法

May 07 Javascript

vue 监听屏幕高度的实例

Sep 05 Javascript

JavaScript实现数字前补“0”的五种方法示例

Jan 03 Javascript

JavaScript使用表单元素验证表单的示例代码

Aug 20 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 str_pad() 将字符串填充成指定长度的字符串

2010/02/23 PHP

PHP操作xml代码

2010/06/17 PHP

php数组函数序列之array_unshift() 在数组开头插入一个或多个元素

2011/11/07 PHP

PHP大批量插入数据库的3种方法和速度对比

2014/07/08 PHP

9个实用的PHP代码片段分享

2015/01/22 PHP

jQuery 版本的文本输入框检查器Input Check

2009/07/09 Javascript

20个非常有用的PHP类库加速php开发

2010/01/15 Javascript

jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)

2014/04/10 Javascript

详细解密jsonp跨域请求

2015/04/15 Javascript

jquery validate表单验证插件

2016/09/06 Javascript

javascript稀疏数组(sparse array)和密集数组用法分析

2016/12/28 Javascript

JavaScript中三种常见的排序方法

2017/02/24 Javascript

vue单页面打包文件大？首次加载慢？nginx带你飞，从7.5M到1.3M蜕变过程(推荐)

2018/01/16 Javascript

JS实现的字符串数组去重功能小结

2019/06/17 Javascript

JS内置对象和Math对象知识点详解

2020/04/03 Javascript

浅析Python中元祖、列表和字典的区别

2016/08/17 Python

tensorflow 输出权重到csv或txt的实例

2018/06/14 Python

python使用pandas处理大数据节省内存技巧（推荐）

2019/05/05 Python

python print出共轭复数的方法详解

2019/06/25 Python

django自带serializers序列化返回指定字段的方法

2019/08/21 Python

基于python调用jenkins-cli实现快速发布

2020/08/14 Python

css3 线性渐变和径向渐变示例附图

2014/04/08 HTML / CSS

HTML5实现直播间评论滚动效果的代码

2020/05/27 HTML / CSS

夏威夷航空官网：Hawaiian Airlines

2016/09/11 全球购物

在线学习西班牙语、法语或其他语言：Babbel.com

2018/02/07 全球购物

迪士尼法国在线商店：shopDisney FR

2020/12/03 全球购物

大学毕业通用个人的求职信

2013/12/08 职场文书

玲玲的画教学反思

2014/02/04 职场文书

爱我中华演讲稿

2014/05/20 职场文书

绿色小区申报材料

2014/08/22 职场文书

党的群众路线教育实践活动党员个人剖析材料

2014/10/08 职场文书

Python基础之变量的相关知识总结

2021/06/23 Python

用JS写一个发布订阅模式

2021/11/07 Javascript

DSP接收机前端设想

2022/04/05 无线电

浅谈为什么我的 z-index 又不生效了

2022/07/15 HTML / CSS

Nginx如何限制IP访问只允许特定域名访问

2022/07/23 Servers