weex-vue-render4light/readme.markdown

Web renderer for weex project written in Vue DSL.

> weex-vue-render4light 是一个支持 weex 的 web 渲染器，支持vue2.x 的语法，提供了丰富的内置组件和内置模块，用于 LightJsn 项目的渲染。

### 安装

weex-vue-render4light 无需单独安装，开发者只需要安装 lighting-plugin-type-vue 插件即可，当工程加载了 jsnative 插件时，type-vue 插件会自动加载此模块。


### 使用

在工程根目录下的 project.json 中的 plugins 字段中注册 jsnative 插件：

```javascript
{
    "project":"lightdemo",
    "version":"0.0.1",
    "desc":"lightdemo",
    "type":"vue",
    "plugins":["jsnative"]
}
```

在视图中使用内置组件或内置模块：

```html
<div>
    <text class="text">Hello World!</text>
</div>
```

```javascript
<script>
import Light from "light";
const modal = Light.requireModule('modal');
export default {
    data() {
        return {}
    },
    methods: {
        toast() {
            modal.toast({
                message: "hello msg!",
                duration: 3
            })
        }
    }
}
</script>
```


### 文档

了解更多 JSNative 框架 的信息，请[点击这里](http://document.lightyy.com/zh-cn/api/jsnative/components/div.html)。


### 开发

```bash
# 运行
npm run dev

# 打包
npm run build
```


### 更新记录

#### v1.0.52
1. #143355 weex-vue-render4light中rem的计算逻辑中使用screen.width的宽度

#### v1.0.47
1. 统一web环境和native环境下的scale