From 129bf7d750d789b4036405506514ba814eb31e8e Mon Sep 17 00:00:00 2001 From: duqingquan <duqingquan@dcloud.io> Date: Tue, 3 Jan 2023 12:11:18 +0800 Subject: [PATCH] =?UTF-8?q?uts=20=E7=BB=84=E4=BB=B6=E6=96=87=E6=A1=A3?= =?UTF-8?q?=E6=9B=B4=E6=96=B0=E4=B8=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/plugin/uts-component.md | 19 +++++++++++++++---- 1 file changed, 15 insertions(+), 4 deletions(-) diff --git a/docs/plugin/uts-component.md b/docs/plugin/uts-component.md index 55015a482..0daad4ac3 100644 --- a/docs/plugin/uts-component.md +++ b/docs/plugin/uts-component.md @@ -1,31 +1,42 @@ # UTS ç»„ä»¶å¼€å‘ +本文旨在帮助开å‘者,使用UTSå¼€å‘Uni-Appå¹³å°ç»„件功能。 + + ## 1 å‰ç½®æ¡ä»¶ +继ç»é˜…读文档å‰ï¼Œå¼€å‘者需è¦äº†è§£ä»¥ä¸‹å‰ç½®æ¡ä»¶ï¼š + + HBuilderX 3.6.15 åŠä¹‹åŽç‰ˆæœ¬ + 了解Vue 组件基本概念 + ç›®å‰ä»…支æŒnvue -## 2 组件概述 +## 2 了解UTS组件是什么 ### 2.1 UTS组件简介 组件是一ç§ç‹¬ç«‹ï¼Œå¯å¤ç”¨çš„UIå•å…ƒï¼Œæ–¹ä¾¿å•ç‹¬å°è£…和承担一定的代ç 逻辑,组件化有利于é™ä½Žé¡¹ç›®çš„工程å¤æ‚度,æå‡å¯ç»´æŠ¤æ€§ -UTS组件,å³:使用UTSè¯è¨€åœ¨uniå¹³å°è¿›è¡Œç»„件开å‘的技术。 [关于UTS的更多介ç»](https://uniapp.dcloud.net.cn/plugin/uts-plugin.html) +UTS组件,å³:使用UTSè¯è¨€åœ¨uniå¹³å°è¿›è¡Œç»„件开å‘的技术。 [UTS的更多介ç»](https://uniapp.dcloud.net.cn/plugin/uts-plugin.html) -组件约定上采用了类Vue组件的è¯æ³•ï¼Œ[关于Vue组件的更多介ç»](https://cn.vuejs.org/guide/essentials/component-basics.html) + +UTS组件约定上采用了类Vue组件的è¯æ³•ï¼Œ[Vue组件的更多介ç»](https://cn.vuejs.org/guide/essentials/component-basics.html),但是具体的约定上会有定制,具体å‚è€ƒç¬¬å››ç« èŠ‚ã€‚ ### 2.2 UTS组件和Vue组件差异 -UTSç»„ä»¶ï¼Œä¸Žä¼ ç»ŸVue组件区别在于,它秉承了UTS的跨平å°ç‰¹æ€§ï¼Œç»Ÿä¸€çš„UTSè¯æ³•ï¼Œå„终端ä¸åŒçš„本地产出物。 +UTS组件,与Vue组件区别在于,它秉承了UTS的跨平å°ç‰¹æ€§ï¼Œç»Ÿä¸€çš„UTSè¯æ³•ï¼Œå„终端ä¸åŒçš„本地产出物。 在Androidå¹³å°ä¼šè¢«ç¼–译为会被渲染为Android原生View实例,IOS或其他终端平å°ä¹Ÿæ˜¯å¦‚æ¤ã€‚ +| |Vue组件 |utsæ’件| +|:------ |:------- |:--------| +|å¼€å‘è¯è¨€ |js/ts |uts| +|组件载体 |WebViewå†…éƒ¨æ ‡ç¾ |编译时生æˆåŽŸç”ŸView对象| + ## 3 如何开å‘组件-举个例å -- GitLab