/技术
分类:技术最近更新:2026-04-15浏览:2027
javascriptComponent({ options: { // 启用多 slot 支持(默认 false) multipleSlots: true, // 组件样式可使用页面/全局样式(等价于 styleIsolation: apply-shared) addGlobalClass: true, // 样式隔离配置(优先级高于 addGlobalClass) styleIsolation: 'isolated', // 纯数据字段正则(不会被 setData 同步到视图,提升性能) pureDataPattern: /^_/, // 是否开启虚拟节点(组件自身不渲染真实节点,仅渲染子节点) virtualHost: false }, // 其他配置:properties、data、methods 等 properties: {}, data: {}, methods: {} })
javascriptoptions: { /** * 多 slot 支持 * true:组件可以使用多个 slot(name 区分) */ multipleSlots: true, /** * 组件样式共享 * true:组件可使用页面、全局 app.wxss 样式(解除样式隔离) */ addGlobalClass: true, /** * 样式隔离模式(优先级最高) * isolated 完全隔离(默认) * apply-shared 页面样式可影响组件,组件不影响页面 * shared 页面 ↔ 组件 样式互相影响 * page-isolated 页面级隔离 * page-apply-shared 页面级共享 * page-shared 页面级双向共享 */ styleIsolation: 'isolated', /** * 纯数据字段规则 * 例:/^_/ 表示以 _ 开头的字段,只参与逻辑,不渲染到视图 */ pureDataPattern: /^_/, /** * 虚拟节点 * true:组件不产生真实节点,直接渲染子元素 */ virtualHost: false }
javascriptoptions: { multipleSlots: true, addGlobalClass: true, styleIsolation: 'apply-shared', pureDataPattern: /^_/ }