javascript - vue中组件划分和组合使用问题
漂亮男人
漂亮男人 2017-05-19 10:37:17
[JavaScript讨论组]

初学Vue,目前做一个小练习,有一个grid组件和dialog组件。gird中每行有个删除按钮,点击后弹窗提醒是否删除。gird组件如下图:

dialog组件下图:

在App.vue中创建vue实例,引入grid组件,现在不知道dialog是应该在App.vue中引入,还是在gird中引入。如果在grid中引入,grid不是就和dialog耦合度太深了么。如果在App中引入dialog,控制dialog是否显示都得在App中来,但感觉关闭dialog应该是由dialog来控制的。
我目前的做法是在在App.vue中分别引入了gird和dialog,当点击删除按钮,gird中emit一个事件,在App监听该事件,并修改控制dialog是否显示的值为true。当点击了dialog关闭按钮,emit一个事件,App中监听该事件,修改控制dialog是否显示的值为false。感觉不应该这样来处理啊。
请各位前辈指导一下,怎么划分和组合使用组件更好。谢谢各位!

漂亮男人
漂亮男人

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号