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

通过子组件定义时候的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父组件向子组件动态传值的两种方法
• vue-router2.0 组件之间传参及获取动态参数的方法
• 详解vue2.0 使用动态组件实现 Tab 标签页切换效果（vue-cli）
• vue中用动态组件实现选项卡切换效果
• vue动态组件实现选项卡切换效果
• Vuejs第十二篇之动态组件全面解析
• Vue.js动态组件解析
• vue子父组件通信的实现代码
• 详解vue表单验证组件 v-verify-plugin
• vue动态绑定组件子父组件多表单验证功能的实现代码