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

IE8 浏览器Cookie的处理

Jan 31 Javascript

Jquery颜色选择器ColorPicker实现代码

Nov 14 Javascript

JavaScript中的变量作用域介绍

Dec 31 Javascript

javascript使用appendChild追加节点实例

Jan 12 Javascript

jqueryMobile 动态添加元素,展示刷新视图的实现方法

May 28 Javascript

jQuery插件扩展extend的简单实现原理

Jun 24 Javascript

jquery.flot.js简单绘制折线图用法示例

Mar 13 Javascript

解决vue-cli脚手架打包后vendor文件过大的问题

Sep 27 Javascript

在vue中实现某一些路由页面隐藏导航栏的功能操作

Sep 21 Javascript

Vue解决移动端弹窗滚动穿透问题

Dec 15 Vue.js

原生js实现滑块区间组件

Jan 20 Javascript

JavaScript实现简单的音乐播放器

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

深入了解 register_globals (附register_globals=off 网站打不开的解决方法)

2012/06/27 PHP

php简单开启gzip压缩方法(zlib.output_compression)

2013/04/13 PHP

Laravel与CI框架中截取字符串函数

2016/05/08 PHP

php事务回滚简单实现方法示例

2017/03/28 PHP

Javascript学习笔记8 用JSON做原型

2010/01/11 Javascript

基于jquery实现的移入页面上空文本框时，让它变为焦点，移出清除焦点

2011/07/26 Javascript

jQuery异步获取json数据方法汇总

2014/12/22 Javascript

JS控制表单提交的方法

2015/07/09 Javascript

jquery使用Cookie和JSON记录用户最近浏览历史

2016/04/19 Javascript

js实现精确到毫秒的倒计时效果

2016/08/05 Javascript

Web性能优化系列 10个提升JavaScript性能的技巧

2016/09/27 Javascript

NodeJS学习笔记之Module的简介

2017/03/24 NodeJs

BootStrap点击保存后实现模态框自动关闭的思路(模态框)

2017/09/26 Javascript

javascript 作用于作用域链的详解

2017/09/27 Javascript

react native 获取地理位置的方法示例

2018/08/28 Javascript

命令行批量截图Node脚本示例代码

2019/01/25 Javascript

vue+element实现表格新增、编辑、删除功能

2019/05/28 Javascript

java和js实现的洗牌小程序

2019/09/30 Javascript

Python探索之URL Dispatcher实例详解

2017/10/28 Python

Python实现自动发送邮件功能

2021/03/02 Python

Python使用Selenium+BeautifulSoup爬取淘宝搜索页

2018/02/24 Python

基于循环神经网络(RNN)的古诗生成器

2018/03/26 Python

Django实现分页功能

2018/07/02 Python

Python3爬虫之urllib携带cookie爬取网页的方法

2018/12/28 Python

将pip源更换到国内镜像的详细步骤

2019/04/07 Python

python匿名函数用法实例分析

2019/08/03 Python

Pandas聚合运算和分组运算的实现示例

2019/10/17 Python

pytorch之ImageFolder使用详解

2020/01/06 Python

python数据预处理 :数据抽样解析

2020/02/24 Python

python requests包的request()函数中的参数-params和data的区别介绍

2020/05/05 Python

印度首选时尚目的地：Reliance Trends

2018/01/17 全球购物

煤矿安全生产标语

2014/06/06 职场文书

就业协议书怎么填

2014/09/15 职场文书

入伍通知书

2015/04/23 职场文书

《山中访友》教学反思

2016/02/24 职场文书

Win2008系统搭建DHCP服务器

2022/06/25 Servers