高度复用的弹出框组件的写法 vue2.0

和以前的文章一样用的vue-cli;具体的 安装步骤这里不做详细的解释了;直接开始了;一定要存在其他的组件

1.新建一个alertip.vue组件;组件代码如下







2.在其他组件里调用


//此处传值,点击事件 点击此按钮,出现浮动窗口

其他页面同样的方法可以调用!展示的效果是一样的,但是不同组件可以传入的值可以是不同的,展示的内容也是不同的,但是效果弹窗是一样的!

源码见:https://github.com/sky-xsk/vue2.0-start-

给加个“star”哦!

你可能感兴趣的:(高度复用的弹出框组件的写法 vue2.0)