uniapp上使用document方案之renderjs

使用uniapp做app时候，无法使用document，根据uniapp官方文档，可以引入renderjs

renderjs是什么？

renderjs是一个运行在视图层的js。它只支持app-vue和web。

renderjs的主要作用有2个：

1. 大幅降低逻辑层和视图层的通讯损耗，提供高性能视图交互能力
2. 在视图层操作dom，运行 for web 的 js库

使用方案：

<script module="test" lang="renderjs">
    export default {
        mounted() {
            // ...
        },
        methods: {
            // ...
        }
    }
</script>

通信

renderjs中调用逻辑层方法

// 比如说逻辑层有个叫setShowModal的方法，使用this.$ownerInstance.callMethod，第一个参数setShowModal为逻辑层的方法名，第二个参数是为逻辑层方法传入的数据

this.$ownerInstance.callMethod('setShowModal', data)

逻辑层调用renderjs中的方法

// 通过view监听的方式  vidssafe为逻辑层中data的变量。updatevidssafe为renderjs的监听方法

<view class="vidssafe" :prop="vidssafe" :change:prop="test.updatevidssafe"></view>

//renderjs中监听代码

//newValue为vidssafe的新值，oldValue为vidssafe的旧值

updatevidssafe (newValue, oldValue, ownerInstance, instance) {}