javascript/vueecharts
1
0
Fork 0
mirror of https://github.com/ecomfe/vue-echarts.git synced 2025-08-15 11:55:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs: update provide/inject section

Browse Source
This commit is contained in:
Yue JIN
2025-05-20 18:27:52 +08:00
committed by GU Yiling
parent 05bd137cce
commit 756aa363f0
2 changed files with 40 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@ -268,9 +268,9 @@ import { provide } from 'vue'
provide(THEME_KEY, 'dark')
// or provide a reactive state
// or provide a ref
const theme = ref('dark')
provide(THEME_KEY, computed(() => theme.value))
provide(THEME_KEY, theme)
// getter is also supported
provide(THEME_KEY, () => theme.value)

39
README.zh-Hans.md
View File

@ -257,24 +257,55 @@ Vue-ECharts 支持如下事件：
### Provide / Inject
Vue-ECharts 为 `theme`、`init-options`、`update-options` 和 `loading-options` 提供了 provide/inject API，以通过上下文配置选项。例如：可以通过如下方式来使用 provide API 为 `init-options` 提供上下文配置：
Vue-ECharts 为 `theme`、`init-options`、`update-options` 和 `loading-options` 提供了 provide/inject API，以通过上下文配置选项。例如：可以通过如下方式来使用 provide API 为 `theme` 提供上下文配置：
<details>
<summary>Vue 3</summary>
<summary>组合式 API</summary>
```js
import { THEME_KEY } from 'vue-echarts'
import { provide } from 'vue'
// 组合式 API
provide(THEME_KEY, 'dark')
// 选项式 API
// or provide a ref
const theme = ref('dark')
provide(THEME_KEY, theme)
// getter is also supported
provide(THEME_KEY, () => theme.value)
```
</details>
<details>
<summary>选项式 API</summary>
```js
import { THEME_KEY } from 'vue-echarts'
import { computed } from 'vue'
export default {
{
provide: {
[THEME_KEY]: 'dark'
}
}
}
// Or make injections reactive
export default {
data() {
return {
theme: 'dark'
}
},
provide() {
return {
[THEME_KEY]: computed(() => this.theme)
}
}
}
```
</details>