From 53e815a09f019903b99c500a435bc4ddc6f7c0cd Mon Sep 17 00:00:00 2001 From: zhenyuWang <13641039885@163.com> Date: Tue, 31 Jan 2023 14:57:41 +0800 Subject: [PATCH] =?UTF-8?q?docs(renderjs):=20=E8=A1=A5=E5=85=85App?= =?UTF-8?q?=E7=AB=AF=E7=94=9F=E5=91=BD=E5=91=A8=E6=9C=9F=E5=85=BC=E5=AE=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/tutorial/debug/uni-vue-devtools.md | 25 ++++++++++++++----------- docs/tutorial/renderjs.md | 4 ++-- 2 files changed, 16 insertions(+), 13 deletions(-) diff --git a/docs/tutorial/debug/uni-vue-devtools.md b/docs/tutorial/debug/uni-vue-devtools.md index d0df4b458..d07d22fcd 100644 --- a/docs/tutorial/debug/uni-vue-devtools.md +++ b/docs/tutorial/debug/uni-vue-devtools.md @@ -26,20 +26,21 @@ vue devtools提供了2个特色功能： ### HBuilderX中的使用方法 -HBuilderX 运行菜单下针对每个运行平台有一个 `运行时自动打开 Vue Devtools` 按钮，\ -![](https://f184e7c3-1912-41b2-b81f-435d1b37c7b4.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/ad6b4788-9a66-48ef-a211-e34754fd0917.png)\ -勾选后，运行到对应平台时会自动开启 Vue Devtools。服务启动后，会自动打开一个弹窗，并显示待连接状态，\ - ![]( -http://dcloud-chjh-web.oss-cn-hangzhou.aliyuncs.com/unidoc/zh/devtools-hx-wait-connecting.png) +HBuilderX 运行菜单下针对每个运行平台有一个 `运行时自动打开 Vue Devtools` 按钮， + +![](https://f184e7c3-1912-41b2-b81f-435d1b37c7b4.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/ad6b4788-9a66-48ef-a211-e34754fd0917.png) + +勾选后，运行到对应平台时会自动开启 Vue Devtools。服务启动后，会自动打开一个弹窗，并显示待连接状态， + +![](http://dcloud-chjh-web.oss-cn-hangzhou.aliyuncs.com/unidoc/zh/devtools-hx-wait-connecting.png) 对应平台项目运行后会与该弹窗建立连接。 -![]( -http://dcloud-chjh-web.oss-cn-hangzhou.aliyuncs.com/unidoc/zh/devtools-hx-connected.png) + +![](http://dcloud-chjh-web.oss-cn-hangzhou.aliyuncs.com/unidoc/zh/devtools-hx-connected.png) 如果您不需要默认开启 Vue Devtools，但在开发过程中临时需要 Devtools 调试，可点击控制台右上角 Vue 图标按钮， -![]( -https://f184e7c3-1912-41b2-b81f-435d1b37c7b4.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/6168453a-e15c-4c4d-8846-6026debce5de.png) +![](https://f184e7c3-1912-41b2-b81f-435d1b37c7b4.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/6168453a-e15c-4c4d-8846-6026debce5de.png) 此时会以 Devtools 模式重启开发服务。 @@ -63,10 +64,12 @@ https://f184e7c3-1912-41b2-b81f-435d1b37c7b4.cdn.bspapp.com/VKCEYUGU-f184e7c3-19 npm run dev:%PLATFORM% --devtools ``` - 服务启动后，会自动在默认浏览器打开一个页面，并显示待连接状态，\ + 服务启动后，会自动在默认浏览器打开一个页面，并显示待连接状态， + ![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-vue-devtools-waiting-connect.png) - 对应平台项目运行后会与该页面建立连接。\ + 对应平台项目运行后会与该页面建立连接。 + ![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-vue-devtools-connected.png) ### 常见问题 diff --git a/docs/tutorial/renderjs.md b/docs/tutorial/renderjs.md index 932e0b624..41d06fa94 100644 --- a/docs/tutorial/renderjs.md +++ b/docs/tutorial/renderjs.md @@ -12,7 +12,7 @@ |√(2.5.5+，仅支持vue)|√|x|x|x|x|x| - nvue的视图层是原生的，无法运行js。但提供了bindingx技术来解决通信阻塞。[详见](nvue-api.md#bindingx) -- 微信小程序下替代方案是wxs，这是微信提供的一个裁剪版renderjs。[详见](miniprogram-subject.md#wxs) +- 微信小程序下替代方案是wxs，这是微信提供的一个裁剪版renderjs。[详见](miniprogram-subject.md#wxs) - web下不存在逻辑层和视图层的通信阻塞，也可以直接操作dom，所以在web端使用renderjs主要是为了跨端复用代码。如果只开发web端，没有必要使用renderjs。 ### 使用方式 @@ -59,7 +59,7 @@ uni-app的app端逻辑层和视图层是分离的，这种机制有很多好处 * 目前仅支持内联使用。 * 不要直接引用大型类库，推荐通过动态创建 script 方式引用。 -* 可以使用 vue 组件的生命周期不可以使用 App、Page 的生命周期 +* 可以使用 vue 组件的生命周期(不支持 beforeDestroy、destroyed、beforeUnmount、unmounted)，不可以使用 App、Page 的生命周期 * 视图层和逻辑层通讯方式与 [WXS](/tutorial/miniprogram-subject.html#wxs) 一致，另外可以通过 this.$ownerInstance 获取当前组件的 ComponentDescriptor 实例。 * 注意逻辑层给数据时最好一次性给到渲染层，而不是不停从逻辑层向渲染层发消息，那样还是会产生逻辑层和视图层的多次通信，还是会卡 * 观测更新的数据在视图层可以直接访问到。 -- GitLab