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

jquery中实现标签切换效果的代码

Mar 01 Javascript

深入理解JavaScript系列（46）：代码复用模式（推荐篇）详解

Mar 04 Javascript

简介JavaScript中的push()方法的使用

Jun 09 Javascript

js+div实现文字滚动和图片切换效果代码

Aug 27 Javascript

基于Jquery实现万圣节快乐特效

Nov 01 Javascript

使用jQuery监听DOM元素大小变化

Feb 24 Javascript

Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案

Sep 15 Javascript

JavaScript之map reduce_动力节点Java学院整理

Jun 29 Javascript

Node.js引入UIBootstrap的方法示例

May 11 Javascript

Openlayers3实现车辆轨迹回放功能

Sep 29 Javascript

使用JavaScript实现贪吃蛇游戏

Sep 29 Javascript

JS绘图Flot应用图形绘制异常解决方案

Oct 16 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 is_file 判断给定文件名是否为一个正常的文件

2010/05/10 PHP

学习php过程中的一些注意点的总结

2013/10/25 PHP

PHP使用内置函数file_put_contents写入文件及追加内容的方法

2015/12/07 PHP

Yii的Srbac插件用法详解

2016/07/14 PHP

Javascript实现获取窗口的大小和位置代码分享

2014/12/04 Javascript

基于jquery和svg实现超炫酷的动画特效

2014/12/09 Javascript

使用angular写一个hello world

2015/01/23 Javascript

JS弹出可拖拽可关闭的div层完整实例

2015/02/13 Javascript

js实现简单折叠、展开菜单的方法

2015/08/28 Javascript

jQuery EasyUI之DataGrid使用实例详解

2016/01/04 Javascript

浅谈js数据类型判断与数组判断

2016/08/29 Javascript

探究Vue.js 2.0新增的虚拟DOM

2016/10/20 Javascript

javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】

2016/12/15 Javascript

Angular实现跨域(搜索框的下拉列表)

2017/02/16 Javascript

JS中正则表达式全局匹配模式 /g用法详解

2017/04/01 Javascript

分析JS中this引发的bug

2017/12/12 Javascript

anime.js 实现带有描边动画效果的复选框（推荐）

2017/12/24 Javascript

原生js检测页面加载完毕的实例

2018/09/11 Javascript

JS与SQL方式随机生成高强度密码示例

2018/12/29 Javascript

[02:51]DOTA2战队出征照拍摄花絮 TI3明星化身时尚男模

2013/07/22 DOTA

Python实现远程调用MetaSploit的方法

2014/08/22 Python

Python2和Python3中print的用法示例总结

2017/10/25 Python

对Python 网络设备巡检脚本的实例讲解

2018/04/22 Python

用Python和WordCloud绘制词云的实现方法(内附让字体清晰的秘笈)

2019/01/08 Python

Ubuntu下Anaconda和Pycharm配置方法详解

2019/06/14 Python

Python制作一个仿QQ办公版的图形登录界面

2020/09/22 Python

html5版canvas自由拼图实例

2014/10/15 HTML / CSS

全球独特生活方式产品和礼品购物网站：AHAlife

2018/09/18 全球购物

阿玛尼美妆英国官网：Giorgio Armani Beauty英国

2019/03/28 全球购物

夜大毕业生自我评价分享

2013/11/10 职场文书

幼儿园教学随笔感言

2014/02/23 职场文书

实习证明格式范文

2014/10/14 职场文书

2014年预算员工作总结

2014/12/05 职场文书

杨善洲电影观后感

2015/06/04 职场文书

婚礼上证婚人致辞

2015/07/28 职场文书

MySQL深分页问题解决思路

2022/12/24 MySQL