uniapp之nvue
⼀. nvue的使⽤场景
1. 如果你不开发App，那么不需要使⽤nvue
⽐如：nvue只能使⽤css选择器，⽽且有些写法受限
2. 为了实现app页⾯的性能优化，因为在App端，如果使⽤vue页⾯，则使⽤webview渲染；如果使⽤nvue页⾯(native vue的缩写)，则使
⽤原⽣渲染，原⽣更快
3. 层级问题
解决前端控件⽆法覆盖原⽣控件的层级问题。（在vue页⾯中）当你使⽤map、video、live-pusher等原⽣组件时，会发现前端写的view等组件⽆法覆盖原⽣组件，层级问题处理⽐较⿇烦，此时使⽤nvue更好。因为nvue页⾯全部都是原⽣组件，互相之间没有层级问题。
（或者在vue页⾯上也可以覆盖⼀个subnvue（⼀种⾮全屏的nvue页⾯覆盖在webview上），以解决App上的原⽣控件层级问题；
或者使⽤cover-view，但只能覆盖原⽣组件，不能覆盖其他原⽣界⾯元素。⽐如cover-view可以覆盖video、map，但⽆法覆盖原⽣导航栏、tabbar、web-view。）
4. 原⽣组件问题
map,video,live-pusher组件等，很多时候，官⽅都会推荐使⽤nvue，所以要注意⼀下。
5. 其他svg图片怎么使用
⼆. nvue页⾯的写法
1. 新建页⾯
新建nvue页⾯，如果⼀个页⾯路由下同时有vue页⾯和nvue页⾯，即出现同名的vue和nvue⽂件。那么在App端，会仅使⽤nvue页⾯，同名的vue⽂件将不会被编译到App端。⽽在⾮App端，会优先使⽤vue页⾯。
2. 开发页⾯
2.1 template
（1）可以使⽤到nvue专⽤组件，⽐如barcode和waterfall等
（2）只能使⽤v-if
（3）⽂本只能在text中，不能换⾏写内容，否则会出现⽆法去除的周边空⽩
（4）只能使⽤vue的数组语法，对象语法可以嵌套在⾥⾯，但class绑定的⼀定是数组
（5）图⽚使⽤image标签，⽀持使⽤base64，不⽀持svg格式图⽚
2.2 script
2.3 style
三. 总结
除了⼀些特殊考虑，涉及到app的东西，最好就是看下vue⽀不⽀持，不得已再⽤nvue。
以上总结于2022/2/27制定，由于uniapp会更新和优化，所以以上的总结可能会改变，所以这⾥只是整理了⽬前的存在的坑，详情还是以uniapp社区为主

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。