diff --git a/docs/api/location/map.md b/docs/api/location/map.md index b08804bb412c6f44ef6391942b657f559d70e473..0de6ab78c2a0174dfc349e7e88c142a0e6c888af 100644 --- a/docs/api/location/map.md +++ b/docs/api/location/map.md @@ -40,7 +40,7 @@ mapContext |toScreenLocation|OBJECT|获取经纬度对应的屏幕坐标,坐标原点为地图左上角。||微信小程序| |updateGroundOverlay|OBJECT|更新自定义图片图层。||App-nvue 3.1.0+,微信小程序| |on|EventHandle|监听地图事件。||App-nvue 3.1.0+,微信小程序| -|$getAppMap||获取原生地图对象 [plus.maps.Map](https://www.html5plus.org/doc/zh_cn/maps.html#plus.maps.Map)|app-vue自定义组件模式|1.9.3| +|$getAppMap||获取原生地图对象 [plus.maps.Map](https://www.html5plus.org/doc/zh_cn/maps.html#plus.maps.Map)|app-vue|1.9.3| `$getAppMap()` 注意事项: diff --git a/docs/api/log.md b/docs/api/log.md index 645be1efbb8d7ab318ddf3db86edaba3cc7f2964..842dce0b10222eb08ea80524dc4862c0286f7576 100644 --- a/docs/api/log.md +++ b/docs/api/log.md @@ -3,7 +3,7 @@ ### debug 向控制台打印 debug 日志 -注:App 端自定义组件模式下,debug 方法等同于 log 方法。 +注:App 端 debug 方法等同于 log 方法。 ### log 向控制台打印 log 日志 ### info @@ -17,4 +17,4 @@ - 不同平台对于 console 方法的支持存在差异,建议在开发过程中只使用文档中提到的方法。 - HBuilderX中有2个重要的代码块,敲`clog`:可直接输出`console.log()`;敲`clogv`:可输出`console.log(": " + );`,并且出现双光标,方便把变量名称和值同时打印出来。 -- HBuilderX 1.9.7 以上的自定义组件模式,在App端支持打印对象信息到控制台。老版本可使用`clogj`代码块将json对象转为字符串打印出来。 +- HBuilderX 1.9.7 以上在App端支持打印对象信息到控制台。老版本可使用`clogj`代码块将json对象转为字符串打印出来。 diff --git a/docs/api/media/editor-context.md b/docs/api/media/editor-context.md index 31b657334c005f78c1fd22d6a7c7c8a19644d02a..a09e66601f435add583b11a31b3f8374df5cbb3a 100644 --- a/docs/api/media/editor-context.md +++ b/docs/api/media/editor-context.md @@ -40,7 +40,6 @@ editor 组件对应的 editorContext 实例,可通过 [uni.createSelectorQuery ```js "mp-baidu" : { - "usingComponents" : true, "appid" : "", "setting" : { "urlCheck" : true diff --git a/docs/api/request/request.md b/docs/api/request/request.md index bb804107b70e191166e5808c0dc2d12371d62cd5..9472c1abec44c6a1097256651b6bc49e4af7815b 100644 --- a/docs/api/request/request.md +++ b/docs/api/request/request.md @@ -8,7 +8,7 @@ |参数名|类型|必填|默认值|说明|平台差异说明| |:-|:-|:-|:-|:-|:-| |url|String|是||开发者服务器接口地址|| -|data|Object/String/ArrayBuffer|否||请求的参数|App(自定义组件编译模式)不支持ArrayBuffer类型| +|data|Object/String/ArrayBuffer|否||请求的参数|App不支持ArrayBuffer类型| |header|Object|否||设置请求的 header,header 中不能设置 Referer。|App、H5端会自动带上cookie,且H5端不可手动修改| |method|String|否|GET|有效值详见下方说明|| |timeout|Number|否|60000|超时时间,单位 ms|H5(HBuilderX 2.9.9+)、APP(HBuilderX 2.9.9+)、微信小程序(2.10.0)、支付宝小程序| diff --git a/docs/api/request/websocket.md b/docs/api/request/websocket.md index e0785ab5bb1925ef108a980dbcd5826fbafd69b0..100846b669a62b44200f6593633fa39cae1b78eb 100644 --- a/docs/api/request/websocket.md +++ b/docs/api/request/websocket.md @@ -51,7 +51,7 @@ var socketTask = uni.connectSocket({ - 网络请求的 ``超时时间`` 可以统一在 ``manifest.json`` 中配置 [networkTimeout](/collocation/manifest?id=networktimeout)。 - App平台,2.2.6以下的版本,不支持 ``ArrayBuffer`` 类型的数据收发。老版本不愿升级也可以使用 [plus-websocket插件](https://ext.dcloud.net.cn/plugin?id=647) 插件替代。 -- App平台自定义组件模式下,以及支付宝小程序下,所有 `vue` 页面只能使用一个 `websocket` 连接。App下可以使用 [plus-websocket](https://ext.dcloud.net.cn/plugin?id=647) 插件替代实现多链接。App平台,2.2.6+起支持多个socket链接,数量没有限制。 +- App平台2.2.6以下的版本以及支付宝小程序下,所有 `vue` 页面只能使用一个 `websocket` 连接。App下可以使用 [plus-websocket](https://ext.dcloud.net.cn/plugin?id=647) 插件替代实现多链接。。 - 微信小程序平台1.7.0 及以上版本,最多可以同时存在5个WebSocket 连接。老版本只支持一个socket连接 - 百度小程序平台自基础库版本 1.9.4 及以后支持多个socket连接。老版本只支持一个socket连接 - QQ小程序平台最多支持同时存在5个socket链接 diff --git a/docs/api/ui/font.md b/docs/api/ui/font.md index c915098c20b70a75baeb551a8a9161030812d55d..7b9a70c378e30532ab31dd1f91220df4ddad892f 100644 --- a/docs/api/ui/font.md +++ b/docs/api/ui/font.md @@ -13,7 +13,7 @@ |5+App|H5|微信小程序|支付宝小程序|百度小程序|字节跳动小程序|QQ小程序| |:-:|:-:|:-:|:-:|:-:|:-:|:-:| -|1.9.0+ [自定义组件编译模式](https://ask.dcloud.net.cn/article/35843)|2.3.4+|基础库 2.1.0+| 1.11.0+ |x|x|x| +|1.9.0+|2.3.4+|基础库 2.1.0+| 1.11.0+ |x|x|x| **参数说明** diff --git a/docs/api/ui/nodes-info.md b/docs/api/ui/nodes-info.md index 9e92c3e646d53f15da64d67ee4e33dda6dd8d08c..a81dc906943c95d909781a61cfee4566da01d4eb 100644 --- a/docs/api/ui/nodes-info.md +++ b/docs/api/ui/nodes-info.md @@ -5,7 +5,7 @@ **Tips:** * 使用 `uni.createSelectorQuery()` 需要在生命周期 `mounted` 后进行调用。 -* 自定义组件编译模式(默认模式),需要使用到 `selectorQuery.in` 方法。 +* 默认需要使用到 `selectorQuery.in` 方法。 ## SelectorQuery diff --git a/docs/api/window/communication.md b/docs/api/window/communication.md index 06f5b04b8ea56ac651fdcd9a95bc02c3d94684ae..f0c4bf33606c16c1b991c38a048c96618a37d886 100644 --- a/docs/api/window/communication.md +++ b/docs/api/window/communication.md @@ -1,4 +1,4 @@ -> 自 HBuilderX 2.0.0 起自定义组件编译模式支持,[使用指南](https://ask.dcloud.net.cn/article/36010) +> 自 HBuilderX 2.0.0 起支持,[使用指南](https://ask.dcloud.net.cn/article/36010) ### uni.$emit(eventName,OBJECT) diff --git a/docs/collocation/frame/communication.md b/docs/collocation/frame/communication.md index 1eb29b07bbd8ccd0d810a3c22cf04486f89f9576..5949e6363134a02fd0db38635c14c43ed744b88e 100644 --- a/docs/collocation/frame/communication.md +++ b/docs/collocation/frame/communication.md @@ -1,14 +1,14 @@ -> 自 HBuilderX 2.0.0 起自定义组件编译模式支持,[使用指南](https://ask.dcloud.net.cn/article/36010) - -### uni.$emit(eventName,OBJECT) - -触发全局的自定事件。附加参数都会传给监听器回调。 - -|属性 |类型 |描述 | -|--- |--- |--- | -|eventName |String |事件名 | -|OBJECT |Object |触发事件携带的附加参数 | - +> 自 HBuilderX 2.0.0 起支持,[使用指南](https://ask.dcloud.net.cn/article/36010) + +### uni.$emit(eventName,OBJECT) + +触发全局的自定事件。附加参数都会传给监听器回调。 + +|属性 |类型 |描述 | +|--- |--- |--- | +|eventName |String |事件名 | +|OBJECT |Object |触发事件携带的附加参数 | + **代码示例** ```javascript uni.$emit('update',{msg:'页面更新'}) @@ -18,13 +18,13 @@ ### uni.$on(eventName,callback) 监听全局的自定义事件。事件可以由 uni.$emit 触发,回调函数会接收所有传入事件触发函数的额外参数。 - -|属性 |类型 |描述 | -|--- |--- |--- | -|eventName |String |事件名 | -|callback |Function |事件的回调函数 | - +|属性 |类型 |描述 | +|--- |--- |--- | +|eventName |String |事件名 | +|callback |Function |事件的回调函数 | + + **代码示例** ```javascript uni.$on('update',function(data){ @@ -32,17 +32,17 @@ }) ``` - + ### uni.$once(eventName,callback) 监听全局的自定义事件。事件可以由 uni.$emit 触发,但是只触发一次,在第一次触发之后移除监听器。 - -|属性 |类型 |描述 | -|--- |--- |--- | -|eventName |String |事件名 | -|callback |Function |事件的回调函数 | - +|属性 |类型 |描述 | +|--- |--- |--- | +|eventName |String |事件名 | +|callback |Function |事件的回调函数 | + + **代码示例** ```javascript uni.$once('update',function(data){ @@ -53,18 +53,18 @@ ### uni.$off([eventName, callback]) 移除全局自定义事件监听器。 - -|属性 |类型 |描述 | -|--- |--- |--- | -|eventName |Array<String> |事件名 | + +|属性 |类型 |描述 | +|--- |--- |--- | +|eventName |Array<String> |事件名 | |callback |Function |事件的回调函数 | - + **Tips** - 如果没有提供参数,则移除所有的事件监听器; - 如果只提供了事件,则移除该事件所有的监听器; - 如果同时提供了事件与回调,则只移除这个回调的监听器; - 提供的回调必须跟$on的回调为同一个才能移除这个回调的监听器; - + **代码示例** `$emit`、`$on`、`$off`常用于跨页面、跨组件通讯,这里为了方便演示放在同一个页面 diff --git a/docs/collocation/frame/lifecycle.md b/docs/collocation/frame/lifecycle.md index f763b68b31a0a2f10502e9b13e1f716ff2f7d5a6..f9e0fbf43ffcc2b6b376ab5dbbf918a167c5781e 100644 --- a/docs/collocation/frame/lifecycle.md +++ b/docs/collocation/frame/lifecycle.md @@ -52,7 +52,7 @@ |onResize|监听窗口尺寸变化|App、微信小程序|| |onPullDownRefresh|监听用户下拉动作,一般用于下拉刷新,参考[示例](api/ui/pulldown)||| |onReachBottom|页面滚动到底部的事件(不是scroll-view滚到底),常用于下拉下一页数据。具体见下方注意事项||| -|onTabItemTap|点击 tab 时触发,参数为Object,具体见下方注意事项|微信小程序、QQ小程序、支付宝小程序、百度小程序、H5、App(自定义组件模式)|| +|onTabItemTap|点击 tab 时触发,参数为Object,具体见下方注意事项|微信小程序、QQ小程序、支付宝小程序、百度小程序、H5、App|| |onShareAppMessage|用户点击右上角分享|微信小程序、QQ小程序、支付宝小程序、字节小程序、快手小程序|| |onPageScroll|监听页面滚动,参数为Object|nvue暂不支持|| |onNavigationBarButtonTap|监听原生标题栏按钮点击事件,参数为Object|App、H5|| diff --git a/docs/collocation/frame/log.md b/docs/collocation/frame/log.md index 645be1efbb8d7ab318ddf3db86edaba3cc7f2964..842dce0b10222eb08ea80524dc4862c0286f7576 100644 --- a/docs/collocation/frame/log.md +++ b/docs/collocation/frame/log.md @@ -3,7 +3,7 @@ ### debug 向控制台打印 debug 日志 -注:App 端自定义组件模式下,debug 方法等同于 log 方法。 +注:App 端 debug 方法等同于 log 方法。 ### log 向控制台打印 log 日志 ### info @@ -17,4 +17,4 @@ - 不同平台对于 console 方法的支持存在差异,建议在开发过程中只使用文档中提到的方法。 - HBuilderX中有2个重要的代码块,敲`clog`:可直接输出`console.log()`;敲`clogv`:可输出`console.log(": " + );`,并且出现双光标,方便把变量名称和值同时打印出来。 -- HBuilderX 1.9.7 以上的自定义组件模式,在App端支持打印对象信息到控制台。老版本可使用`clogj`代码块将json对象转为字符串打印出来。 +- HBuilderX 1.9.7 以上在App端支持打印对象信息到控制台。老版本可使用`clogj`代码块将json对象转为字符串打印出来。 diff --git a/docs/collocation/manifest.md b/docs/collocation/manifest.md index f07e855c1de5260fa57a688299105882924c7ed4..d0e397583890c2f181dc4f923558946bea00298d 100644 --- a/docs/collocation/manifest.md +++ b/docs/collocation/manifest.md @@ -58,7 +58,6 @@ uni 统计配置项 |screenOrientation|Array|重力感应、横竖屏配置,可取值:"portrait-primary":竖屏正方向;"portrait-secondary":竖屏反方向;"landscape-primary":横屏正方向;"landscape-secondary":横屏反方向。|| |modules|Object|权限模块,[详见](/collocation/manifest?id=modules)|| |distribute|Object|App 发布信息,[详见](/collocation/manifest?id=distribute)|| -|usingComponents|Boolean|是否启用自定义组件模式,默认为false,[编译模式区别详情](https://ask.dcloud.net.cn/article/35843)|1.9.0+| |nvueCompiler|String|切换 nvue 编译模式,可选值,`weex` :老编译模式,`uni-app`: 新编译模式,默认为 `weex` 。[编译模式区别详情](http://ask.dcloud.net.cn/article/36074)|2.0.3+| |nvueStyleCompiler|String|切换 nvue 样式编译模式,可选值,`weex` :老编译模式,`uni-app`: 新编译模式,默认为 `weex` 。[编译模式区别详情](https://ask.dcloud.net.cn/article/38751)|3.1.1+| |renderer|String|可不加载基于 webview 的运行框架,减少包体积、提升启动速度。可选值 `native`| App-nvue 2.2.0+| @@ -349,7 +348,6 @@ Tips:关于摇树优化(treeShaking)原理及优化结果,参考:[http |属性|类型|说明| |:-|:-|:-| |appid|String|微信小程序的AppID,登录 [https://mp.weixin.qq.com](https://mp.weixin.qq.com) 申请| -|usingComponents|Boolean| 是否启用自定义组件模式,`v1.8.0+`,默认为false,[编译模式区别详情](https://ask.dcloud.net.cn/article/35843)| |setting|Object|微信小程序项目设置,参考[setting](/collocation/manifest?id=setting)| |functionalPages|Boolean|微信小程序是否启用插件功能页,默认关闭| |requiredBackgroundModes|Array|微信小程序需要在后台使用的能力,[详见](https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#requiredbackgroundmodes)| @@ -416,7 +414,6 @@ Tips:关于摇树优化(treeShaking)原理及优化结果,参考:[http |属性 |类型 |说明 | |:- |:- |:- | -|usingComponents |Boolean| 是否启用自定义组件模式,`v2.0+`,默认为false,[编译模式区别详情](https://ask.dcloud.net.cn/article/35843) | |plugins |Object |使用到的插件,[详见](https://opendocs.alipay.com/mini/plugin/plugin-usage) | |component2 |Boolean| 是否启用 `component2` 编译,默认为true,[查看详情](https://docs.alipay.com/mini/framework/custom-component-overview) | |enableAppxNg |Boolean| 是否启用 `enableAppxNg` 小程序基础库 2.x 构建,默认为true,[查看详情](https://opendocs.alipay.com/mini/framework/project),HBuilderX 3.2.10+ | @@ -435,7 +432,6 @@ Tips:关于摇树优化(treeShaking)原理及优化结果,参考:[http |属性|类型|说明| |:-|:-|:-| |appid|String|百度小程序的 AppID,登录 [https://smartprogram.baidu.com/docs/introduction/enter_application/](https://smartprogram.baidu.com/docs/introduction/enter_application/) 申请| -|usingComponents|Boolean| 是否启用自定义组件模式,`v2.0+`,默认为false,[编译模式区别详情](https://ask.dcloud.net.cn/article/35843)| |requiredBackgroundModes|Array|小程序需要在后台使用的能力,目前支持背景音频播放,"requiredBackgroundModes": ["audio"],[详见](https://smartprogram.baidu.com/docs/develop/tutorial/process/#requiredBackgroundModes) | |prefetches|Array|预请求的所有url的列表,[详见](https://smartprogram.baidu.com/docs/develop/tutorial/process/#prefetches) | |optimization|Object| 对百度小程序的优化配置 | @@ -456,7 +452,6 @@ Tips:关于摇树优化(treeShaking)原理及优化结果,参考:[http |:-|:-|:-| |appid|String|字节跳动小程序的 AppID,登录 [https://developer.toutiao.com/](https://developer.toutiao.com/) 申请| |setting|Object|字节跳动小程序项目设置,参考[字节跳动小程序项目设置](/collocation/manifest?id=mp-toutiao-setting)| -|usingComponents|Boolean| 是否启用自定义组件模式,`v2.0+`,默认为false,[编译模式区别详情](https://ask.dcloud.net.cn/article/35843)| |navigateToMiniProgramAppIdList |Array|需要跳转的小程序列表,[详见](https://developer.toutiao.com/dev/cn/mini-app/develop/framework/basic-reference/general-configuration) | |uniStatistics|Object|[字节跳动小程序是否开启 uni 统计,配置方法同全局配置](/collocation/manifest?id=uniStatistics)| |scopedSlotsCompiler|String|作用域插槽编译模式,HBuilderX 3.1.19+ 开始支持,可选:legacy、auto、augmented,默认:auto| @@ -492,9 +487,6 @@ Tips:关于摇树优化(treeShaking)原理及优化结果,参考:[http |:-|:-|:-| |subPackages|Boolean|是否开启分包优化| -mp-qq只支持自定义组件模式,不存在usingComponents配置 - - ### mp-kuaishou |属性|类型|说明| diff --git a/docs/component/web-view.md b/docs/component/web-view.md index 00e41c92c0c4161c8348cdba956380a548e6caca..e92c5c88cda564fa0cd8f22f780affdfa6ef4961 100644 --- a/docs/component/web-view.md +++ b/docs/component/web-view.md @@ -64,7 +64,7 @@ - 小程序仅支持加载网络网页,不支持本地html - 补充说明:app-vue下web-view组件不支持自定义样式,而v-show的本质是改变组件的样式。即组件支持v-if而不是支持v-show。 - 小程序端 web-view 组件一定有原生导航栏,下面一定是全屏的 web-view 组件,navigationStyle: custom 对 web-view 组件无效。 -- App 端使用 `自定义组件模式` 时,uni.web-view.js 的最低版为 [uni.webview.1.5.2.js](https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js) +- App 端使用 uni.web-view.js 的最低版为 [uni.webview.1.5.2.js](https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js) - App 平台同时支持网络网页和本地网页,但本地网页及相关资源(js、css等文件)必须放在 `uni-app 项目根目录->hybrid->html` 文件夹下或者 `static` 目录下,如下为一个加载本地网页的`uni-app`项目文件目录示例: - nvue `web-view` 必须指定样式宽高 - V3 编译模式,网页向应用 `postMessage` 为实时消息 diff --git a/docs/snippet.md b/docs/snippet.md index 72c3ae0b3426fbb06dce4838c733117b407e7854..670cf9fb2ace28fea8576ccbae2bf50520dd2016 100644 --- a/docs/snippet.md +++ b/docs/snippet.md @@ -169,7 +169,6 @@ uni.showToast({ Tip -- `debug`仅支持自定义组件模式。如果是非自定义组件模式,请在`manifest`里配置选为自定义组件模式。非自定义组件模式即将停止支持,[详见](https://ask.dcloud.net.cn/article/36385) - `vue` 和 `nvue` 页面均支持断点调试 - 目前仅支持 `nvue` 页面审查元素,`vue` 页面暂不支持,以及 `Android` 平台的 `nvue` 审查元素暂不支持查看 `style` - App端提供真机运行的`console.log`日志输出,运行到真机或模拟器时,不用点`debug`按钮,运行手机App,会在`HBuilderX`的控制台直接输出日志。 diff --git a/docs/use-html5plus.md b/docs/use-html5plus.md index acfcbe53e3e5033160a4f8d115417d84f6b2bceb..9b96e4ef060d70a59bee0531e863d22c44dfc350 100644 --- a/docs/use-html5plus.md +++ b/docs/use-html5plus.md @@ -20,7 +20,7 @@ console.log('应用的 appid 为:' + appid); 在普通的 H5+ 项目中,需要使用 `document.addEventListener` 监听原生扩展的事件。 - `uni-app` 中,没有 document。可以使用 `plus.globalEvent.addEventListener` 来实现(注意manifest中需开启新编译器,即自定义组件模式"usingComponents":true)。 + `uni-app` 中,没有 document。可以使用 `plus.globalEvent.addEventListener` 来实现。 ```javascript // #ifdef APP-PLUS @@ -30,5 +30,3 @@ plus.globalEvent.addEventListener('netchange', function(){}); ``` 同理,在 `uni-app` 中使用 Native.js 时,一些 Native.js 中对于原生事件的监听同样需要按照上面的方法去实现。 - -注意:旧编译器(非自定义组件模式)不支持 `plus.globalEvent` 这个对象。 \ No newline at end of file diff --git a/docs/use.md b/docs/use.md index 295318d6cf43935d9deed927dd2eafdd4ac15ab2..8527bcd45b4ed6c7a86c229826faa4d029188275 100644 --- a/docs/use.md +++ b/docs/use.md @@ -25,10 +25,6 @@ 详见Vue官方文档:[模板语法](https://cn.vuejs.org/v2/guide/syntax.html)。 -**注意** -如果使用**老版**的非自定义组件模式,即manifest中`"usingComponents":false`,部分模版语法不支持,但此模式已于2019年11月起下线。 - - ## data 属性 ``data`` 必须声明为返回一个初始数据对象的函数(注意函数内返回的数据对象不要直接引用函数外的对象);否则页面关闭时,数据不会自动销毁,再次打开该页面时,会显示上次数据。 @@ -165,10 +161,6 @@ style 支持的语法: ``` -**用在组件上** - -非H5端(非自定义组件编译模式)暂不支持在自定义组件上使用 ``Class`` 与 ``Style`` 绑定 - ## 计算属性 完整支持 [Vue官方文档:计算属性](https://cn.vuejs.org/v2/guide/computed.html)。 @@ -405,8 +397,6 @@ export default { * ``X-Templates`` * ``keep-alive``(App端也未支持) * ``transition`` (可使用 [animation](/api/ui/animation) 或 CSS 动画替代) -* [老的非自定义组件编译模式](https://ask.dcloud.net.cn/article/35843)不支持在组件引用时,在组件上定义 ``click`` 等原生事件、``v-show``(可用 ``v-if`` 代替)和 ``class`` ``style`` 等样式属性(例:`` `` 样式是不会生效的)。建议更新为自定义组件模式 -* [老的非自定义组件编译模式](https://ask.dcloud.net.cn/article/35843)组件里使用 ``slot`` 嵌套的其他组件时不支持 ``v-for``。建议更新为自定义组件模式 [Vue官方文档参考:组件](https://cn.vuejs.org/v2/guide/components.html) 。 diff --git a/docs/vue-basics.md b/docs/vue-basics.md index 63f5b815d08966ff7f06f628ae5b6f18e2356f2d..317b44c96a5ae18f820b3c28223ab64268ea4c89 100644 --- a/docs/vue-basics.md +++ b/docs/vue-basics.md @@ -676,13 +676,6 @@ data 必须声明为返回一个初始数据对象的函数(注意函数内返 ``` - -### 用在组件上 - -非H5端(非自定义组件编译模式)**暂不支持**在自定义组件上使用 `Class` 与 `Style` 绑定。 - - - ## 条件渲染@condition