ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
## 1. 使用说明 - uniapp 文档 [https://uniapp.dcloud.net.cn/use-weex?id=%e4%bb%8b%e7%bb%8d](https://uniapp.dcloud.net.cn/use-weex?id=%e4%bb%8b%e7%bb%8d) - nvue 是基于 weex 原生渲染的机制,但是他有很多css的样式不支持,要查看weex文档。 - 在nvue页面中,一些公共的scss文件通过条件编译排除在外,例如 `uni.scss` ``` /* #ifndef APP-PLUS-NVUE */ /*自定义变量 scss*/ @import '@/common/css/variable.scss'; /*flex布局 */ @import '@/common/css/common.scss'; /*mixin混入 */ @import '@/common/css/mixin.scss'; @import 'uview-ui/theme.scss'; @import 'uview-ui/index.scss'; /* #endif */ ``` - 在同一个页面可以创建 vue 和 nvue文件,在编译的时候,app会默认使用nvue文件编译。 ![](https://img.kancloud.cn/91/8f/918fd7311eab6ee3c550b427ca392a10_460x370.png) - 不支持main.js 定义的全局函数 例如 `$nav` 不能在nvue页面使用`this.$nav` 调用,需要使用import 引入相应的方法调用。 ``` import { nav, } from '@/pages/index.js' ``` ## 2. weex - [文档](https://weex.apache.org/zh/docs/components/a.html#%E7%AE%80%E4%BB%8B) 因为nvue是基于weex的,所以nvue开发是可以看weex文档的。 - weex文档规定,nvue开发的原生组件,模块以及封装的接口等。 ## 3. weex-ui - 这是一个开源weex组件库,虽然封装的组件没有uview那么丰富,但是大部分组件还是可以使用的。 - 如果对组件有修改的需求,可以复制组件文件出来到`components/nvue` 下做自定义修改。