diff --git a/docs/use.md b/docs/use.md index 2749a66a0d3597f468fb45c48521952a37db2abb..68d31a23a8fd802bd76d514919cf4c4e2db8d442 100644 --- a/docs/use.md +++ b/docs/use.md @@ -71,9 +71,13 @@ Vue 组件编译到小程序平台的时候会编译为对应平台的组件, ```js export default { props: ['data'], + data(){ return { } }, options: { - multipleSlots: false,// 在微信小程序中关闭当前组件的多slot支持,默认启用 - virtualHost: true // 在微信小程序中将组件节点渲染为虚拟节点,更加接近Vue组件的表现 + // 微信小程序中 options 选项 + multipleSlots: true, // 在组件定义时的选项中启动多slot支持,默认启用 + styleIsolation: "isolated", // 启动样式隔离。当使用页面自定义组件,希望父组件影响子组件样式时可能需要配置。具体配置选项参见:微信小程序自定义组件的样式 + addGlobalClass: true, // 表示页面样式将影响到自定义组件,但自定义组件中指定的样式不会影响页面。这个选项等价于设置 styleIsolation: apply-shared + virtualHost: true, // 将自定义节点设置成虚拟的,更加接近Vue组件的表现。我们不希望自定义组件的这个节点本身可以设置样式、响应 flex 布局等,而是希望自定义组件内部的第一层节点能够响应 flex 布局或者样式由自定义组件本身完全决定 } } ``` diff --git a/docs/vue-api.md b/docs/vue-api.md index fd5a94e5afdb207106b188e7e08aa92ddf613d69..d228c2c6b80332bd7fa7dddf17e620a083643315 100644 --- a/docs/vue-api.md +++ b/docs/vue-api.md @@ -171,17 +171,20 @@ ## 其他配置 -Vue 组件编译到小程序平台的时候会编译为对应平台的组件,部分小程序平台支持 `options` 选项(具体选项参考对应小程序平台文档的自定义组件部分),一般情况默认即可,如有特殊需求可在 Vue 组件中增加 `options` 属性。 - +Vue 组件编译到小程序平台的时候会编译为对应平台的组件,部分小程序平台支持 options 选项(具体选项参考对应小程序平台文档的自定义组件部分),一般情况默认即可,如有特殊需求可在 Vue 组件中增加 options 属性。 ```js - export default { - props: ['data'], - options: { - multipleSlots: false,// 在微信小程序中关闭当前组件的多slot支持,默认启用 - virtualHost: true // 在微信小程序中将组件节点渲染为虚拟节点,更加接近Vue组件的表现 - } +export default { + props: ['data'], + data(){ return { } }, + options: { + // 微信小程序中 options 选项 + multipleSlots: true, // 在组件定义时的选项中启动多slot支持,默认启用 + styleIsolation: "isolated", // 启动样式隔离。当使用页面自定义组件,希望父组件影响子组件样式时可能需要配置。具体配置选项参见:微信小程序自定义组件的样式 + addGlobalClass: true, // 表示页面样式将影响到自定义组件,但自定义组件中指定的样式不会影响页面。这个选项等价于设置 styleIsolation: apply-shared + virtualHost: true, // 将自定义节点设置成虚拟的,更加接近Vue组件的表现。我们不希望自定义组件的这个节点本身可以设置样式、响应 flex 布局等,而是希望自定义组件内部的第一层节点能够响应 flex 布局或者样式由自定义组件本身完全决定 } +} ```