vuejs动态组件给子组件传递数据的方法详解

2019-11-30,,,,,,

通过子组件定义时候的props可以支持父组件给子组件传递数据,这些定义的props在子组件的标签中使用绑定属性即可,但是如果使用的是<component>动态组件,这个时候就没有显式的子组件标签,要给子组件传递数据需要在<component> 中进行绑定

<div class="app" id="deviceready">
<component :is="currentView" :user_name.sync="user_name" :DOB.sync="DOB"></component>
</div> 

组件的作用于是独立的

组件的作用于是独立的,如果要从跟组件获取数据,那么需要一层层的传递才行,也就是说子组件只能从直接父组件获取数据,如果是根组件的数据,那么父组件就要继续暴露pops从而绑定来自根组件的数据。

以上所述是小编给大家介绍的vuejs动态组件给子组件传递数据的方法详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对北冥有鱼网站的支持!

您可能感兴趣的文章:

  • vue父组件向子组件(props)传递数据的方法
  • vue.js组件之间传递数据的方法
  • vue组件中使用props传递数据的实例详解
  • vue中各组件之间传递数据的方法示例
  • Vue2.x中的父组件传递数据至子组件的方法
  • vue2.0 父组件给子组件传递数据的方法
  • vue组件Prop传递数据的实现示例
  • vue子组件使用自定义事件向父组件传递数据
  • vue项目中做编辑功能传递数据时遇到问题的解决方法
  • Vue.js组件使用props传递数据的方法

《vuejs动态组件给子组件传递数据的方法详解.doc》

下载本文的Word格式文档,以方便收藏与打印。