这个功能解决了什么问题?
“常见问题”文档中“小程序样式隔离 > 为什么在组件中无法覆盖组件库样式?”部分的示例代码有更简洁的实现方案,建议更新说明文档。
defineOptions() 方法详见 Vue 官方文档:https://cn.vuejs.org/api/sfc-script-setup#defineoptions
你期望的 API 是什么样子的?
仅使用选项式 (Options) API:
<script lang="ts">
export default {
options: {
styleIsolation: 'shared'
}
}
</script>
Vue 3.2 及以下需要使用组合式 (Composition) API + 选项式 (Options) API:
<script lang="ts">
export default {
options: {
styleIsolation: 'shared'
}
}
</script>
<script lang="ts" setup>
</script>
Vue 3.3+ 通过 defineOptions() 仅使用组合式 (Composition) API:
<script lang="ts" setup>
defineOptions({
options: {
styleIsolation: 'shared'
}
})
</script>
这个功能解决了什么问题?
“常见问题”文档中“小程序样式隔离 > 为什么在组件中无法覆盖组件库样式?”部分的示例代码有更简洁的实现方案,建议更新说明文档。
defineOptions()方法详见 Vue 官方文档:https://cn.vuejs.org/api/sfc-script-setup#defineoptions你期望的 API 是什么样子的?
仅使用选项式 (Options) API:
Vue 3.2 及以下需要使用组合式 (Composition) API + 选项式 (Options) API:
Vue 3.3+ 通过
defineOptions()仅使用组合式 (Composition) API: