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

vue之组件通信的细节理解

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

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

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

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

                                                                                          图一

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

图二

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

图三

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

图四

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

图五

相关文章

网友评论

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

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