javascript - vue组件的重复调用

Question

现在使用vue来写项目，很多页面，很多里面都有个删除确认框，能不能把这个删除框写成一个组件，每次都调用他，只是里面的数据有变化？

会用到兄弟组件间的通信吧，可是不同页面的删除按钮怎么把这个组件给调用出来呢？

Answer 1

1. 将删除确认框封装为一个模块。

2. 留好必要的属性, 方便展示信息。

3. 留出确认删除与取消的点击事件。

这个模块的调用方式, 跟普通组件不太一样, 可以去网上找个vue模态框的例子。

Answer 2

可以参考iview中modal组件的实现。

https://github.com/iview/ivie...