美文网首页
vue之组件通信的细节理解

vue之组件通信的细节理解

作者: 18fa100a8459 | 来源:发表于2018-05-31 18:18 被阅读0次

    我们在自定义组件时,到底什么样的值该从父组件中获取,什么样的情况下直接写在组件内部?

    这个问题其实没有固定的答案,如果你希望你的组件复用性强,那么最好不要在你的组件内部假如太多的东西,最好通过props从父组件去接受值,但有一点一定要注意,我们一select下拉菜单为例假如在子组件内我们选好了我们想要的选项,我们一定要搞清楚,这是我们选中的东西还在子组件中,父组件如果想调用,还得通过this.$meit传递给父组件

    多选组件逻辑部分的分析:

                                                                                              图一

    数字组件的逻辑部分分析:

    图二

    子到父通信时,父组件不一定非要和子组件的参数的个数一一对应

    图三

    图四是和图三相连的,图三的第一个参数就是在图四的位置定义的

    图四

    经过整合,最终将数据传向后端

    图五

    相关文章

      网友评论

          本文标题:vue之组件通信的细节理解

          本文链接:https://www.haomeiwen.com/subject/crstnxtx.html