uniapp nvue从入门到放弃

nvue, 可以理解为vue转native 转安卓原生。

我写了组件页写了模块，
模块很简单直接可以用，
写组件需要改vue文件为nvue

然而我困惑了好几天，因为我看不到我的组件。
不要相信它的日志，我这几天都被那个日志迷惑了，他识别不到不代表没成功，于是我当时在init的时候show toast
让它真真切切告诉我已经加载了原生。。

image.png

然后我尝试给一个界面转nvue,里面包含uni-data-select 折腾半天发现这玩意设置宽度是没效果的。

`xx

ok,这个问题无解，我暂时放一边，我就忍了，
然后我继续折腾，我又发现一个问题，他说文本要用text包裹结果我发现radio 不是这样包裹的，<radio><text></text></radio>结果是不行的，

于是改成了如下才得以工作， 但是我发现在手机上点击，这很难点中 也就是文字不受点击响应了，但是web平台就很魔幻，我点文字也能触发选中。奇了怪了，

<label style="display: flex;flex-direction: row;" > 
            
        <checkbox :value="detail" activeBorderColor="#005fff" style="margin-left: 10px;"> </checkbox>
        <text>明细</text>
        </label>

事情还没完。
我有一个界面有4个这样的结构，结果 第一次进去这个界面出现了死循环，不断的改变4个边框的焦点样式，第二次呢

<uni-forms-item label="xx" label-align="center" label-width="42px" class="inputStyle"
            style="padding-top: 10px;">
            <uni-easyinput ref="xx" inputId="xx" placeholder="xx" :both="true" v-model="partno"
                @confirm="xx()"></uni-easyinput>
        </uni-forms-item>

变成更离谱的bug了
如下图，我选中一下2个进行了边框高亮，

xx

第三次 第四次，边框高亮效果非常缓慢，ok,我继续忍。。
然后我快速点击几个编辑框，然后 你懂得，死循环了。。。

最后我有一个table vue 自定义组件，我要实现根据安卓平台就用原生我那边开发的table,否则继续用h5自带的，
但是我发现。。。。自定义的组件直接不生效， 我写半天发现是废的 ，也就是只能在页面vue里面才能用，那我岂不是每一个界面都要各种 if android，弃坑。。。。。。。。。。。。。

image.png

image.png

下面是在每一个页面写 目前正常

image.png

还是用vue做做简单的吧，搞原生插件就算了吧。

最后uniapp很多的bug ，我看github根本也没人回答，群里也没人回答，这玩意想要体验就算了吧
1.同步bug 无从查起

image.png

2.android启动 后卡logo需要重启bug
此bug我搞不懂，搞得我强迫症，看android日志没有什么头绪。
3.nvue js难以定位的错误日志bug

image.png

当然坑不止这些，其它兼容性问题参考

https://docs.gaojianghua.cn/guide/uniapp
2024-4-29
不支持模块的问题目前已搞定 弃用main.js中引入全局组件的方式，改用 uni-commpoent的方式实现。

2024-4-30
main.js app.vue都不能直接 import xx.css
因此以前的方式在nvue失效，直接在app.vue中的<style>节点 使用@import url(./main.css)

uni-table不支持nvue, 我强行实现会发现列名 无法对齐，而且也发现无法水平滑动。不会自动计算

兼容性参考

image.png