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

借助script进行Http跨域请求:JSONP实现原理及代码

Mar 19 Javascript

javascript中不提供sleep功能如何实现这个功能

May 27 Javascript

浅谈jQuery中setInterval()方法

Jul 07 Javascript

JS实现获取键盘按下的按键并显示在页面上的方法

Nov 04 Javascript

JavaScript生成二维码图片小结

Dec 27 Javascript

AngularJS创建自定义指令的方法详解

Nov 03 Javascript

用angular实现多选按钮的全选与反选实例代码

May 23 Javascript

为vue-router懒加载时下载js的过程中添加loading提示避免无响应问题

Apr 03 Javascript

Vue2.0 实现歌手列表滚动及右侧快速入口功能

Aug 08 Javascript

elementui之el-tebs浏览器卡死的问题和使用报错未注册问题

Jul 06 Javascript

vue+vant使用图片预览功能ImagePreview的问题解决

Apr 10 Javascript

详解Vue的组件中data选项为什么必须是函数

Aug 17 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

用文本作数据处理

2006/10/09 PHP

PHP4实际应用经验篇(2)

2006/10/09 PHP

PHP 截取字符串函数整理(支持gb2312和utf-8)

2010/02/16 PHP

php文件上传表单摘自drupal的代码

2011/02/15 PHP

php+ajax导入大数据时产生的问题处理

2014/06/11 PHP

PHP实现将视频转成MP4并获取视频预览图的方法

2015/03/12 PHP

Symfony2框架学习笔记之HTTP Cache用法详解

2016/03/18 PHP

thinkphp验证码的实现(form、ajax实现验证)

2016/07/28 PHP

PHP析构函数destruct与垃圾回收机制的讲解

2019/03/22 PHP

Avengerls vs KG BO3 第三场2.18

2021/03/10 DOTA

线路分流自动跳转代码；希望对大家有用！

2006/12/02 Javascript

javascript中常用编程知识

2013/04/08 Javascript

node.js中的fs.lchmodSync方法使用说明

2014/12/16 Javascript

js轮盘抽奖实例分析

2020/04/17 Javascript

JavaScript Date对象应用实例分享

2017/10/30 Javascript

Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解

2018/03/13 Javascript

vue2.0 资源文件assets和static的区别详解

2018/04/08 Javascript

vue slots 组件的组合/分发实例

2018/09/06 Javascript

详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on

2018/10/12 Javascript

深入了解Hybrid App技术的相关知识

2019/07/17 Javascript

Vue 实现一个命令式弹窗组件功能

2019/09/25 Javascript

async/await让异步操作同步执行的方法详解

2019/11/01 Javascript

Python基于sftp及rsa密匙实现远程拷贝文件的方法

2016/09/21 Python

django ModelForm修改显示缩略图 imagefield类型的实例

2019/07/28 Python

Django app配置多个数据库代码实例

2019/12/17 Python

python类共享变量操作

2020/09/03 Python

Python语言编写智力问答小游戏功能

2020/10/13 Python

CSS3中31种选择器使用方法教程

2013/12/05 HTML / CSS

结合CSS3的布局新特征谈谈常见布局方法

2016/01/22 HTML / CSS

HTML5 Canvas 起步(2) - 路径

2009/05/12 HTML / CSS

英国鲜花递送：Blossoming Gifts

2020/07/10 全球购物

如何打印出当前源文件的文件名以及源文件的当前行号

2015/04/05 面试题

企业标语口号

2014/06/10 职场文书

学习实践科学发展观心得体会

2014/09/10 职场文书

个人收入证明模板

2014/09/18 职场文书

学校元旦晚会开场白

2015/05/29 职场文书