编程 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学习笔记二之变量

Dec 15 Javascript

解析DHTML,JavaScript,DOM,BOM以及WEB标准的描述

Jun 19 Javascript

使用JavaScript实现旋转的彩圈特效

Jun 23 Javascript

require.js+vue开发微信上传图片组件

Oct 27 Javascript

JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)

Nov 01 Javascript

JavaScript定义函数的三种实现方法

Sep 23 Javascript

vue实现登录后页面跳转到之前页面

Jan 07 Javascript

jQuery pagination分页示例详解

Oct 23 jQuery

如何阻止小程序遮罩层下方图层滚动

Sep 05 Javascript

vue3 源码解读之 time slicing的使用方法

Oct 31 Javascript

vue.js 实现a标签href里添加参数

Nov 12 Javascript

微信小程序用户盒子、宫格列表的实现

Jul 01 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中ob(Output Buffer 输出缓冲)函数使用方法

2007/07/21 PHP

php面向对象全攻略（六）__set() __get() __isset() __unset()的用法

2009/09/30 PHP

在PHP中养成7个面向对象的好习惯

2010/01/28 PHP

php保存二进制原始数据为图片的程序代码

2014/10/14 PHP

php实现产品加入购物车功能（1）

2020/07/23 PHP

php数值转换时间及时间转换数值用法示例

2017/05/18 PHP

PHP 传输会话curl函数的实例详解

2017/09/12 PHP

用Javascript实现Sleep暂停功能代码

2010/09/03 Javascript

初窥JQuery(二) 事件机制(1)

2010/11/25 Javascript

对Jquery中的ajax再封装,简化操作示例

2014/02/12 Javascript

javascript创建对象、对象继承的实用方式详解

2016/03/08 Javascript

jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容

2016/07/09 Javascript

微信小程序购物车简单实例

2016/10/24 Javascript

将angular.js项目整合到.net mvc中的方法详解

2017/06/29 Javascript

微信小程序实现跟随菜单效果和循环嵌套加载数据

2017/11/21 Javascript

node作为中间服务层如何发送请求(发送请求的实现方法详解)

2018/01/02 Javascript

对vue中v-on绑定自定事件的实例讲解

2018/09/06 Javascript

解决vue单页面修改样式无法覆盖问题

2019/08/05 Javascript

vue cli3 调用百度翻译API翻译页面的实现示例

2019/09/13 Javascript

Vue+elementUI实现多图片上传与回显功能（含回显后继续上传或删除）

2020/03/23 Javascript

原生js实现五子棋游戏

2020/05/28 Javascript

几个提升Python运行效率的方法之间的对比

2015/04/03 Python

在Python的Flask框架中验证注册用户的Email的方法

2015/09/02 Python

python中学习K-Means和图片压缩

2017/11/20 Python

pycharm 配置远程解释器的方法

2018/10/28 Python

python 实现图片旋转上下左右 180度旋转的示例

2019/01/24 Python

Python TestCase中的断言方法介绍

2019/05/02 Python

Python 使用PyQt5 完成选择文件或目录的对话框方法

2019/06/27 Python

python 使用cycle构造无限循环迭代器

2020/12/02 Python

Python爬虫进阶之爬取某视频并下载的实现

2020/12/08 Python

HTML5 背景的显示区域实现

2020/07/09 HTML / CSS

梵蒂冈和罗马卡：Omnia Card Pass

2018/02/10 全球购物

工程管理造价应届生求职信

2013/11/13 职场文书

敲诈同学钱财检讨书范文

2014/11/18 职场文书

新员工入职欢迎词

2015/01/23 职场文书

2015年科研工作总结范文

2015/05/13 职场文书