您现在的位置是：网站首页>软件开发>开发终端>uni-appuni-app

renderjs的概述及作用

风口下的猪2020-10-09【uni-app】

简介

renderjs是一个运行在视图层的js。它比WXS更加强大。它只支持app-vue和h5。

作用

renderjs的主要作用有2个：

（1）大幅降低逻辑层和视图层的通讯损耗，提供高性能视图交互能力

（2）在视图层操作dom，运行for web的js库（实际项目中常用renderjs模式的原因）

使用方式

设置 script 节点的 lang 为 renderjs

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

注意事项

（1）目前仅支持内联使用。

（2）不要直接引用大型类库，推荐通过动态创建 script 方式引用。

（3）可以使用 vue 组件的生命周期不可以使用 App、Page 的生命周期

（4）视图层和逻辑层通讯方式与 WXS 一致，另外可以通过 this.$ownerInstance 获取当前组件的 ComponentDescriptor 实例。

（5）观测更新的数据在视图层可以直接访问到。

（6）APP 端视图层的页面引用资源的路径相对于根目录计算，例如：./static/test.js。

（7）APP 端可以使用 dom、bom API，不可直接访问逻辑层数据，不可以使用 uni 相关接口（如：uni.request）

（8）H5 端逻辑层和视图层实际运行在同一个环境中，相当于使用 mixin 方式，可以直接访问逻辑层数据。

很赞哦！ (0)

上一篇：[BScroll warn]: Can not resolve the wrapper DOM. Vue better-scroll

下一篇：renderjs模式下，视图层与逻辑层的通信及调用

数据库

开发终端

语言基础

项目管理

产品设计

系统

工作规范

计算机网络

前端技术栈

数据结构

计算机组成原理

后端技术栈

性能优化

安全设计

常见模块

计算机操作系统

服务器

python

MySQL

thinkphp

PHP

Java

JavaScript

Windows

Linux

特效

indexedDB

vue

淘宝联盟

Ionic

Angular

微信小程序

支付宝小程序

uni-app

css/sass/less

支付

socket

爬虫

web性能优化

消息推送

CVM

sqlite

Redis

前端基础

基础

element

Nginx

yii2

/ponder/index.php/index/catelist/catelist/cateid/10.html

标签云

站点信息

文章统计：528篇
移动端访问：扫码进入SQ3R

软件开发(47)	MySQL(25)
thinkphp(89)	PHP(33)
JavaScript(39)	项目管理(3)
产品设计(5)	Linux(15)
计算机网络(6)	计算机组成原理(1)
微信小程序(7)	安全设计(4)
uni-app(70)	淘宝联盟(4)
支付(7)	socket(18)
计算机操作系统(4)	爬虫(5)
web性能优化(5)	消息推送(9)
CVM(2)	Redis(27)
indexedDB(5)	vue(57)
特效(2)	css/sass/less(5)
基础(1)	element(1)
Nginx(6)	yii2(19)

您现在的位置是：网站首页>软件开发>开发终端>uni-appuni-app

renderjs的概述及作用

作用

使用方式

注意事项

相关阅读 (同一栏目)

栏目目录

标签云

站点信息

申请链接友情链接