Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
暖阳七夕
unidocs-zh
提交
7e829ef0
U
unidocs-zh
项目概览
暖阳七夕
/
unidocs-zh
与 Fork 源项目一致
Fork自
DCloud / unidocs-zh
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
7e829ef0
编写于
3月 09, 2023
作者:
Q
qiang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
docs: virtualHost
上级
d6606244
变更
4
显示空白变更内容
内联
并排
Showing
4 changed file
with
23 addition
and
17 deletion
+23
-17
docs/collocation/manifest.md
docs/collocation/manifest.md
+1
-1
docs/matter.md
docs/matter.md
+1
-1
docs/tutorial/vue-api.md
docs/tutorial/vue-api.md
+8
-5
docs/tutorial/vue3-api.md
docs/tutorial/vue3-api.md
+13
-10
未找到文件。
docs/collocation/manifest.md
浏览文件 @
7e829ef0
...
...
@@ -497,7 +497,7 @@ Tips:关于摇树优化(treeShaking)原理及优化结果,参考:[http
|enableDistFileMinify |Boolean| 是否压缩编译产物(仅在真机预览/真机调试时生效),默认为false |
|uniStatistics |Object |
[
支付宝小程序是否开启 uni 统计,配置方法同全局配置
](
/collocation/manifest?id=uniStatistics
)
|
|scopedSlotsCompiler|String|Vue2 作用域插槽编译模式,uni-app 3.1.19+ 开始支持,可选:legacy、auto、augmented,默认:auto|
|mergeVirtualHostAttributes|Boolean|合并组件
节点
外层属性(目前仅支持 style、class 属性),uni-app 3.5.1+ 开始支持|
|mergeVirtualHostAttributes|Boolean|合并组件
[
虚拟节点
](
/tutorial/vue-api.html#%E5%85%B6%E4%BB%96%E9%85%8D%E7%BD%AE
)
外层属性(目前仅支持 style、class 属性),uni-app 3.5.1+ 开始支持|
|lazyCodeLoading|String|是否开启代码按需执行。|
### mp-baidu
...
...
docs/matter.md
浏览文件 @
7e829ef0
...
...
@@ -196,7 +196,7 @@ vue页面在App端的渲染引擎默认是系统webview(不是手机自带浏
*
使用
`flex`
布局时,直接给自定义组件的父元素设置为
`display:flex`
不能影响到自定义组件内部的根节点,需要设置当前自定义组件为
`display:flex`
才可以。
*
在自定义组件内部设置根元素高度为100%,不能撑满自定义组件父元素。需要同时设置当前自定义组件高度为100%才可以。
支付宝小程序
不会插入节点,
不存在如上问题。
支付宝小程序
默认启用了
[
virtualHost
](
/tutorial/vue-api.html#%E5%85%B6%E4%BB%96%E9%85%8D%E7%BD%AE
)
配置不会插入节点,一般
不存在如上问题。
#### vendor.js 过大的处理方式
...
...
docs/tutorial/vue-api.md
浏览文件 @
7e829ef0
...
...
@@ -193,16 +193,19 @@
Vue 组件编译到小程序平台的时候会编译为对应平台的组件,部分小程序平台支持 options 选项(具体选项参考对应小程序平台文档的自定义组件部分),一般情况默认即可,如有特殊需求可在 Vue 组件中增加 options 属性。
|属性|类型|默认值|描述|平台兼容性|
|--|--|--|--|
|multipleSlots|Boolean|true|在组件定义时的选项中启动多slot支持||
|styleIsolation|String|apply-shared|组件样式隔离方式,具体配置选项参见:
[
组件样式隔离
](
https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html#%E7%BB%84%E4%BB%B6%E6%A0%B7%E5%BC%8F%E9%9A%94%E7%A6%BB
)
|微信小程序|
|addGlobalClass|Boolean|true|~~这个选项等价于设置 styleIsolation: apply-shared ,但设置了 styleIsolation 选项后这个选项会失效~~|微信小程序|
|virtualHost|Boolean|false|将自定义节点设置成虚拟的,更加接近Vue组件的表现。我们不希望自定义组件的这个节点本身可以设置样式、响应 flex 布局等,而是希望自定义组件内部的第一层节点能够响应 flex 布局或者样式由自定义组件本身完全决定,启用后可以通过
[
mergeVirtualHostAttributes
](
/collocation/manifest.html#mp-weixin
)
合并合并组件虚拟节点外层属性|微信小程序、支付宝小程序(默认值为 true)|
```
js
export
default
{
props
:
[
'
data
'
],
data
(){
return
{
}
},
options
:
{
// 微信小程序中 options 选项
multipleSlots
:
true
,
// 在组件定义时的选项中启动多slot支持,默认启用
styleIsolation
:
"
isolated
"
,
// 启动样式隔离。当使用页面自定义组件,希望父组件影响子组件样式时可能需要配置。具体配置选项参见:微信小程序自定义组件的样式
addGlobalClass
:
true
,
// 表示页面样式将影响到自定义组件,但自定义组件中指定的样式不会影响页面。这个选项等价于设置 styleIsolation: apply-shared
virtualHost
:
true
,
// 将自定义节点设置成虚拟的,更加接近Vue组件的表现。我们不希望自定义组件的这个节点本身可以设置样式、响应 flex 布局等,而是希望自定义组件内部的第一层节点能够响应 flex 布局或者样式由自定义组件本身完全决定
virtualHost
:
true
}
}
```
...
...
docs/tutorial/vue3-api.md
浏览文件 @
7e829ef0
...
...
@@ -281,18 +281,21 @@ const app = createApp({})
## 其他配置
`Vue`
组件编译到小程序平台的时候会编译为对应平台的组件,部分小程序平台支持
`options`
选项(具体选项参考对应小程序平台文档的自定义组件部分),一般情况默认即可,如有特殊需求可在
`Vue`
组件中增加
`options`
属性。
Vue 组件编译到小程序平台的时候会编译为对应平台的组件,部分小程序平台支持 options 选项(具体选项参考对应小程序平台文档的自定义组件部分),一般情况默认即可,如有特殊需求可在 Vue 组件中增加 options 属性。
|属性|类型|默认值|描述|平台兼容性|
|--|--|--|--|
|multipleSlots|Boolean|true|在组件定义时的选项中启动多slot支持||
|styleIsolation|String|apply-shared|组件样式隔离方式,具体配置选项参见:
[
组件样式隔离
](
https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html#%E7%BB%84%E4%BB%B6%E6%A0%B7%E5%BC%8F%E9%9A%94%E7%A6%BB
)
|微信小程序|
|addGlobalClass|Boolean|true|~~这个选项等价于设置 styleIsolation: apply-shared ,但设置了 styleIsolation 选项后这个选项会失效~~|微信小程序|
|virtualHost|Boolean|false|将自定义节点设置成虚拟的,更加接近Vue组件的表现。我们不希望自定义组件的这个节点本身可以设置样式、响应 flex 布局等,而是希望自定义组件内部的第一层节点能够响应 flex 布局或者样式由自定义组件本身完全决定,启用后可以通过
[
mergeVirtualHostAttributes
](
/collocation/manifest.html#mp-weixin
)
合并合并组件虚拟节点外层属性|微信小程序、支付宝小程序(默认值为 true)|
```
js
export
default
{
props
:
[
'
data
'
],
data
(){
return
{
}
},
options
:
{
// 微信小程序中 options 选项
multipleSlots
:
true
,
// 在组件定义时的选项中启动多slot支持,默认启用
styleIsolation
:
"
isolated
"
,
// 启动样式隔离。当使用页面自定义组件,希望父组件影响子组件样式时可能需要配置。具体配置选项参见:微信小程序自定义组件的样式
addGlobalClass
:
true
,
// 表示页面样式将影响到自定义组件,但自定义组件中指定的样式不会影响页面。这个选项等价于设置 styleIsolation: apply-shared
virtualHost
:
true
,
// 将自定义节点设置成虚拟的,更加接近Vue组件的表现。我们不希望自定义组件的这个节点本身可以设置样式、响应 flex 布局等,而是希望自定义组件内部的第一层节点能够响应 flex 布局或者样式由自定义组件本身完全决定
virtualHost
:
true
}
}
```
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录