编程 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写的一个模拟阅读小说的程序

Apr 04 Javascript

推荐一个封装好的getElementsByClassName方法

Dec 02 Javascript

javaScript基础语法介绍

Feb 28 Javascript

js实现当复选框选择匿名登录时隐藏登录框效果

Aug 14 Javascript

老生常谈 js中this的指向

Jun 30 Javascript

vue通过watch对input做字数限定的方法

Jul 13 Javascript

原生javascript实现的全屏滚动功能示例

Sep 19 Javascript

微信小程序中setInterval的使用方法

Sep 29 Javascript

浅谈react 同构之样式直出

Nov 07 Javascript

vue-router 源码实现前端路由的两种方式

Jul 02 Javascript

layer关闭当前窗口页面以及确认取消按钮的方法

Sep 09 Javascript

JavaScript语法约定和程序调试原理解析

Nov 03 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

虹吸式咖啡壶操作

2021/03/03 冲泡冲煮

php中判断数组是一维,二维,还是多维的解决方法

2013/05/04 PHP

PHP面向对象详解（三）

2015/12/07 PHP

PHP MYSQL简易交互式站点开发

2016/12/27 PHP

PHP模型Model类封装数据库操作示例

2019/03/14 PHP

Mootools 1.2教程 Fx.Tween的使用

2009/09/15 Javascript

最简单的js图片切换效果实现代码

2011/09/24 Javascript

jQuery结合PHP+MySQL实现二级联动下拉列表[实例]

2011/11/15 Javascript

JavaScript高级程序设计（第3版）学习笔记13 ECMAScript5新特性

2012/10/11 Javascript

JavaScript日期类型的一些用法介绍

2015/03/02 Javascript

Thinkjs3新手入门之如何使用静态资源目录

2017/12/06 Javascript

解决vue脚手架项目打包后路由视图不显示的问题

2018/09/20 Javascript

详解使用React.memo()来优化函数组件的性能

2019/03/19 Javascript

微信小程序的线程架构【推荐】

2019/05/14 Javascript

jQuery实现移动端笔触canvas电子签名

2020/05/21 jQuery

微信小程序实现列表的横向滑动方式

2020/07/15 Javascript

微信小程序以7天为周期连续签到7天功能效果的示例代码

2020/08/20 Javascript

[02:52]2017DOTA2国际邀请赛中国区预选赛晋级之路

2017/07/03 DOTA

Python处理Excel文件实例代码

2017/06/20 Python

利用Python找出序列中出现最多的元素示例代码

2017/12/08 Python

解决项目pycharm能运行,在终端却无法运行的问题

2019/01/19 Python

python3.x实现base64加密和解密

2019/03/28 Python

tensorflow生成多个tfrecord文件实例

2020/02/17 Python

Django跨域资源共享问题(推荐)

2020/03/09 Python

Jupyter加载文件的实现方法

2020/04/14 Python

pycharm + django跨域无提示的解决方法

2020/12/06 Python

美国最大的珠宝首饰网上商城：Jewelry.com

2016/07/22 全球购物

园林技术个人的自我评价

2014/01/08 职场文书

国际贸易毕业生求职信范文

2014/02/21 职场文书

公司会议策划方案

2014/05/17 职场文书

总经理助理岗位职责范本

2014/07/20 职场文书

小学安全工作总结2015

2015/05/18 职场文书

php远程请求CURL案例（爬虫、保存登录状态）

2021/04/01 PHP

Vue过滤器（filter）实现及应用场景详解

2021/06/15 Vue.js

MySQL慢查询中的commit慢和binlog中慢事务的区别

2022/06/16 MySQL

Tomcat安装使用及部署Web项目的3种方法汇总

2022/08/14 Servers