开发公司某个uniapp项目时，有个电商营销的需求，涉及到许多页面公共弹窗，比如在首页存在多个不同的弹窗，需要在不同的时机弹，分类详情页也有多个弹窗、裂变页也要有相同的弹窗等等。项目中原来的做法是写公共组件，然后在需要的页面引入，这种做法既存在很多冗余代码，还会导致弹窗乱弹等等情况。

那既然上面这种做法有缺点，那有更好的办法吗？

那必然有，就是函数式弹窗啦，参照这篇文章函数式调用弹窗实现(vue版)

但是，上方的函数式弹窗只能用在H5上，在app上面用不了，因为在uniapp开发中，Vue.extend不可作为组件使用，并且vm.$mount()在APP当中也无法使用。

前言

我在使用uniapp开发微信小程序毕设时，使用::v-deep对子组件进行样式穿透时，微信小程序中总是不生效，h5却没问题。

原因

1、使用样式穿透时的页面必须要在pages.json中进行注册

补充

1、非H5端默认并未启用 scoped，如需要隔离组件样式可以在 style 标签增加 scoped 属性，H5端为了隔离页面间的样式默认启用了 scoped

2、App.vue中引入的style默认未加scoped，全局样式可以从这里引入