## 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` 下做自定义修改。