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

ExtJS扩展垂直tabLayout实现代码

Jun 21 Javascript

用客户端js实现带省略号的分页

Apr 27 Javascript

关于js数组去重的问题小结

Jan 24 Javascript

基于javascript实现tab切换特效

Mar 29 Javascript

js获取客户端操作系统类型的方法【测试可用】

May 27 Javascript

什么是JavaScript注入攻击?

Sep 14 Javascript

基于JavaScript实现复选框的全选和取消全选

Feb 09 Javascript

使用BootStrap实现标签切换原理解析

Mar 14 Javascript

php简单数据库操作类的封装

Jun 08 Javascript

JS将时间秒转换成天小时分钟秒的字符串

Jul 10 Javascript

js中forEach，for in，for of循环的用法示例小结

Mar 14 Javascript

vue实现水波涟漪效果的点击反馈指令

May 31 Vue.js

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 调用远程url的六种方法小结

2009/11/02 PHP

php二维数组转成字符串示例

2014/02/17 PHP

php 函数使用可变数量的参数方法

2017/05/02 PHP

基于PHP+mysql实现新闻发布系统的开发

2020/08/06 PHP

Javascript与vbscript数据共享

2007/01/09 Javascript

js/html光标定位的实现代码

2013/09/23 Javascript

ParseInt函数参数设置介绍

2014/01/02 Javascript

js检验密码强度(低中高)附图

2014/06/05 Javascript

javascript中加号(+)操作符的一些神奇作用

2014/06/06 Javascript

JQuery动态添加和删除表格行的方法

2015/03/09 Javascript

使用AngularJS和PHP的Laravel实现单页评论的方法

2015/06/19 Javascript

jQuery的Scrollify插件实现滑动到页面下一节点

2015/07/05 Javascript

4种JavaScript实现简单tab选项卡切换的方法

2016/01/06 Javascript

基于jQuery实现二级下拉菜单效果

2016/02/01 Javascript

完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题

2018/01/25 Javascript

nodejs爬虫初试superagent和cheerio

2018/03/05 NodeJs

vuex2中使用mapGetters/mapActions报错的解决方法

2018/10/20 Javascript

Python中Class类用法实例分析

2015/11/12 Python

python多线程方式执行多个bat代码

2016/06/07 Python

python中reload(module)的用法示例详解

2017/09/15 Python

python针对mysql数据库的连接、查询、更新、删除操作示例

2019/09/11 Python

python 基于dlib库的人脸检测的实现

2019/11/08 Python

python实现自动化报表功能(Oracle/plsql/Excel/多线程)

2019/12/02 Python

python opencv 检测移动物体并截图保存实例

2020/03/10 Python

Python selenium爬虫实现定时任务过程解析

2020/06/08 Python

python tqdm实现进度条的示例代码

2020/11/10 Python

Python操作Excel的学习笔记

2021/02/18 Python

HTML5 CSS3新的WEB标准和浏览器支持

2009/07/16 HTML / CSS

阿根廷首家户外用品制造商和经销商：Montagne

2018/02/12 全球购物

公司募捐倡议书

2014/05/14 职场文书

汽车维修求职信

2014/06/15 职场文书

考研英语辞职信

2015/05/13 职场文书

入党介绍人意见怎么写

2015/06/03 职场文书

培训心得体会怎么写

2016/01/25 职场文书

python中sys模块的介绍与实例

2021/04/17 Python

52条SQL语句教你性能优化

2021/05/25 MySQL