利用vuex搭建vue自定义弹窗

1、在vue环境下

2、使用vuex

3、说多没用,来代码最实际【因为我也是初学】


自己写了个自定义弹窗组件,起名wrap.vue:

利用vuex搭建vue自定义弹窗

我在某个组件引入这个弹窗组件:
利用vuex搭建vue自定义弹窗

利用vuex搭建vue自定义弹窗

下图更精彩
利用vuex搭建vue自定义弹窗
自定义关闭按钮触发关闭弹窗的事件其实和前面的组件内置的方法一样:

利用vuex搭建vue自定义弹窗



======================================================================

以上都是组件的内容,现在来看看vuex的内容【我的vuex文件命名为popup.js,内是多模块方式,当然也可以单模块】:

利用vuex搭建vue自定义弹窗

vuex代码部分【话不多说,自己参悟】:

利用vuex搭建vue自定义弹窗



示例效果:
利用vuex搭建vue自定义弹窗