uni-app 使用 nvue 开发 app 踩坑指南 All In One
<h1 id="uni-app-使用-nvue-开发-app-踩坑指南-all-in-one">uni-app 使用 nvue 开发 app 踩坑指南 All In One</h1><p>uni-app是逻辑和渲染分离的。渲染层，在app端提供了两套排版引擎：小程序方式的webview渲染，和weex方式的原生渲染。<br>
两种渲染引擎可以自己根据需要选。vue文件走的webview渲染，nvue走的原生渲染。<br>
组件和js写法是一样的，css不一样，原生排版的能用的css必须是flex布局，这是web的css的子集。当然什么界面都可以用flex布出来。不懂flex布局就自己学。</p>
<p>一般情况下用vue就可以了。如果是app且有部分场景vue页面的性能不满足你的需求时，这个页面可以改用nvue页面。如果app里同时存在同名的vue和nvue页面，在app端会优先执行nvue页面，而其他端仍然优先vue页面。</p>
<p>区别和适用场景这文档里写的很清楚：</p>
<p>https://uniapp.dcloud.io/nvue-outline</p>
<h2 id="refs">refs</h2>
<p>https://ask.dcloud.net.cn/question/69854</p>
<p>https://ask.dcloud.net.cn/article/36044</p>
<p>https://juejin.cn/post/6844903781214191624</p>
<p>https://segmentfault.com/a/1190000018516970</p>
<hr>
<div>
</div>
<hr>
<blockquote style="display: flex; flex-flow: column; align-items: center; justify-content: center; text-align: center; border: none">
<h3><strong><span style="font-size: 16pt; color: rgba(0, 255, 0, 1)">©xgqfrms 2012-<span data-uid="copyright-aside">2020</span></span></strong>
<p><span style="font-size: 18pt; color: rgba(0, 255, 0, 1)"><strong>www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！</strong></span></p>
<p><span style="font-size: 18pt; color: rgba(0, 255, 0, 1)"><strong>原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！</strong></span></p>
</h3></blockquote>
<hr>
</div>
<div id="MySignature" role="contentinfo">
<div style="display: flex; flex-flow: column nowrap; align-items: center; justify-content: center;">
<p>本文首发于博客园，作者：xgqfrms，原文链接：https://www.cnblogs.com/xgqfrms/p/14582394.html</p>
<p style="color: red; font-size: 23px; margin-top: 5px; margin-botom: 5px;">未经授权禁止转载，违者必究！</P>
</div>
<hr/><br><br>
来源：https://www.cnblogs.com/xgqfrms/p/14582394.html
頁:
[1]