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

安装

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

使用

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

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

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

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

<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 框架 的信息，请点击这里。

开发

# 运行
npm run dev

# 打包
npm run build

更新记录

v1.0.52

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

v1.0.47

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