docs(vue3): component uni-app x compatibility

docs/tutorial/vue3-components.md

@@ -211,6 +211,8 @@
 
 ##### 示例：
 
+::: preview
+
 > uni-app js 引擎版
 
 ```html
@@ -388,6 +390,7 @@
 
 1. **这个 `prop` 用来传递一个初始值**；这个子组件接下来希望将其作为一个本地的 `prop` 数据来使用。在这种情况下，最好定义一个本地的 `data property `并将这个 `prop` 作为其初始值：
 
+::: preview
 
 > uni-app js 引擎版
 
@@ -457,6 +460,8 @@
 
 2. **这个 `prop` 以一种原始的值传入且需要进行转换**。在这种情况下，最好使用这个 `prop` 的值来定义一个计算属性：
 
+::: preview
+
 > uni-app js 引擎版
 
 ```html
@@ -534,6 +539,8 @@
 
 为了定制 `prop` 的验证方式，你可以为 `props` 中的值提供一个带有验证需求的对象，而不是一个字符串数组。例如：
 
+::: preview
+
 > uni-app js 引擎版
 
 ```js
@@ -668,6 +675,8 @@
 
 `HTML` 中的 `attribute` 名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 `DOM` 中的模板时，`camelCase` (驼峰命名法) 的 `prop` 名需要使用其等价的 `kebab-case` (短横线分隔命名) 命名：
 
+::: preview
+
 > uni-app js 引擎版
 
 ```html