编程 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 浏览器判断绑定事件 arguments 转换数组数组遍历

Jul 06 Javascript

JavaScript去掉空格的方法集合

Dec 28 Javascript

javascript针对DOM的应用实例（一）

Apr 15 Javascript

JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)

Dec 17 Javascript

javascript的函数作用域

Nov 12 Javascript

jQuery中:first-child选择器用法实例

Dec 31 Javascript

Bootstrap导航条学习使用(一)

Feb 08 Javascript

jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】

Mar 03 Javascript

完美实现js拖拽效果 return false用法详解

Jul 28 Javascript

使用vue-cli脚手架工具搭建vue-webpack项目

Jan 14 Javascript

vue-cli webpack配置文件分析

May 20 Javascript

微信小程序顶部导航栏可滑动并选中放大

Dec 05 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判断远程图片是否存在的几种方法

2014/05/04 PHP

ThinkPHP3.1新特性之对分组支持的改进与完善概述

2014/06/19 PHP

Yii核心组件AssetManager原理分析

2014/12/02 PHP

详细解读PHP的Yii框架中登陆功能的实现

2015/08/21 PHP

win7 wamp 64位 php环境开启curl服务遇到的问题及解决方法

2018/09/16 PHP

autoPlay 基于jquery的图片自动播放效果

2011/12/07 Javascript

面向对象Javascript核心支持代码分享

2012/05/23 Javascript

php对mongodb的扩展(小试牛刀)

2012/11/11 Javascript

两种方法实现在HTML页面加载完毕后运行某个js

2014/06/16 Javascript

Extjs grid panel自带滚动条失效的解决方法

2014/09/11 Javascript

jquery+css3实现网页背景花瓣随机飘落特效

2015/08/17 Javascript

在javascript中随机数 math random如何生成指定范围数值的随机数

2015/10/21 Javascript

15个常用的jquery代码片段

2015/12/19 Javascript

input输入密码变黑点密文的实现方法

2017/01/09 Javascript

nodejs使用express创建一个简单web应用

2017/03/31 NodeJs

React Native仿美团下拉菜单的实例代码

2017/08/08 Javascript

vue用Object.defineProperty手写一个简单的双向绑定的示例

2018/07/09 Javascript

layui 动态设置checbox 选中状态的例子

2019/09/02 Javascript

Python学习笔记之os模块使用总结

2014/11/03 Python

Python常见字典内建函数用法示例

2018/05/14 Python

Python实现合并两个列表的方法分析

2018/05/28 Python

解决使用pycharm提交代码时冲突之后文件丢失找回的方法

2018/08/05 Python

Django异步任务之Celery的基本使用

2019/03/23 Python

如何基于Python代码实现高精度免费OCR工具

2020/06/18 Python

Python+Appium实现自动化清理微信僵尸好友的方法

2021/02/04 Python

世界上最大的巴士旅游观光公司：Big Bus Tours

2016/10/20 全球购物

Qoo10台湾站：亚洲领先的在线市场

2018/05/15 全球购物

校园新闻广播稿

2014/01/10 职场文书

学习保证书范文

2014/04/30 职场文书

自查自纠整改报告

2014/11/06 职场文书

2015年机关纠风工作总结

2015/05/15 职场文书

教师素质教育心得体会

2016/01/19 职场文书

化工生产实习心得体会

2016/01/22 职场文书

WordPress多语言翻译插件 - WPML使用教程

2021/04/01 PHP

CocosCreator ScrollView优化系列之分帧加载

2021/04/14 Python

mysql拆分字符串作为查询条件的示例代码

2022/07/07 MySQL