当前位置: 首页 > article >正文

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) {}


http://www.kler.cn/news/309560.html

相关文章:

  • 回收站数据怎么恢复?用这 5 种方法,准能恢复回收站数据!
  • 基于SpringBoot+定时任务实现地图上绘制车辆实时运动轨迹图
  • Pr:Adobe SRT
  • React中forwardRef()的作用?
  • python多进程程序设计 之二
  • 基于深度学习的文本引导的图像编辑
  • 【我的 PWN 学习手札】Largebin Attack(< glibc-2.30)
  • linux-Shell 编程-Shell 脚本基础
  • lvs命令介绍
  • k8s部署jumpserver4.0.2
  • Redis(redis基础,SpringCache,SpringDataRedis)
  • golang学习笔记24——golang微服务中配置管理问题的深度剖析
  • Unity3D 游戏数据本地化存储与管理详解
  • 深度智能:迈向高级时代的人工智能
  • ELK 日志分析
  • 十五、谷粒商城- 报错汇总
  • 16个AI应用技巧,职场提升永远可以相信!
  • 新书速览|NestJS全栈开发解析:快速上手与实践
  • C#通过MXComponent与三菱PLC通信
  • vue2基础系列教程之v-model及面试高频问题
  • CSP-J 算法基础 广度优先搜索BFS
  • 展锐平台手机camera 软硬件架构
  • 2024ICPC网络赛第一场
  • 【源代码+仿真+原理图+技术文档+演示视频+软件】基于物联网技术的宠物居家状况监测系统设计与实现
  • Kotlin 极简小抄 P1(变量与常量、基本数据类型、流程控制)
  • 【C++】一次rustdesk-server编译记录
  • 从数据仓库到数据中台再到数据飞轮:社交媒体的数据技术进化史
  • 计算机人工智能前沿进展-大语言模型方向-2024-09-12
  • LED灯、蜂鸣器、继电器的控制
  • 【店雷达全网图搜比价盘点】1688、淘宝、阿里国际、亚马逊、速卖通5大平台