码迷,mamicode.com
首页 > 其他好文 > 详细

【vue】父子组件间通信

时间:2017-11-14 18:29:43      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:数据   gui   component   .com   number   调用   blank   img   nts   

官方文档参考

(一)父组件 向 子组件 传值

    ①在父组件中调用子组件处,绑定要传的数据data1, 如

       <nav  :data1=" "  ></nav>

   ②此上子组件要接收来自父组件的数据data1,则要定义

      props:{

                    data1:{

                         type:Object/Number/Boolean

                              }

                 }

(二)子组件 向 父组件 传值

    子组件中通过 事件触发 传递给父组件处理后的数据data2

    1.何处理从父组件传来的props数据?

   技术分享

       实例根据情况做相应数据处理。

   2.子组件中通过 事件触发 传递数据dada2给父组件

         经过步骤1已将接收的props数据 定义为子组件中的 数据data1_temp

        参照:http://blog.csdn.net/oak160/article/details/64922390

 

     

 

【vue】父子组件间通信

标签:数据   gui   component   .com   number   调用   blank   img   nts   

原文地址:http://www.cnblogs.com/smilexumu/p/7833734.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!