并且可以覆盖原生组件

在 `uni-app` 中，可以使用 `subnvue` 覆盖原生组件，实现更加灵活的布局和交互效果。具体步骤如下：

1. 在 `uni-app` 中添加 `subnvue` 组件，作为覆盖原生组件的容器。

   <template>
     <div>
       <sub-nvue ref="subnvue"></sub-nvue>
       <button @click="showSubnvue">打开 subnvue 弹框</button>
     </div>
   </template>
   
   <script>
   export default {
     methods: {
       showSubnvue() {
         this.$refs.subnvue.show()
       }
     }
   }
   </script>

2. 在 `sub-nvue.vue` 中定义覆盖原生组件的样式和内容。以覆盖 `uni-icon` 组件为例：

   <template>
     <div class="subnvue-container" v-show="show">
       <div class="subnvue-content">
         <uni-icon type="success" size="40"></uni-icon>
         <button @click="hide">关闭</button>
       </div>
     </div>
   </template>
   
   <script>
   export default {
     data() {
       return {
         show: false
       }
     },
     mounted() {
       // 获取 uni-icon 组件
       const uniIcon = uni.requireNativePlugin('uni-icon')
       // 设置 uni-icon 组件的自定义样式
       uniIcon.setStyle({
         'success': {
           'color': 'red'
         }
       })
     },
     methods: {
       show() {
         this.show = true
       },
       hide() {
         this.show = false
       }
     }
   }
   </script>
   
   <style scoped>
   .subnvue-container {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0, 0, 0, 0.5);
     z-index: 9999;
   }
   
   .subnvue-content {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background-color: #fff;
     padding: 20px;
     border-radius: 10px;
     text-align: center;
   }
   </style>

通过 `uni.requireNativePlugin` 方法获取原生组件，并使用 `setStyle` 方法设置自定义样式，实现对原生组件的覆盖。在 `sub-nvue.vue` 中定义的样式也可以覆盖原生组件的默认样式。

这样就可以使用 `subnvue` 覆盖原生组件了，实现更加灵活的布局和交互效果。