mirror of https://github.com/vuejs/core.git
revert: "dx(computed): warn incorrect use of getCurrentInstance inside computed"
This reverts commit 324e817ef8
.
This commit is contained in:
parent
3135fcb0e4
commit
2fd3905738
|
@ -1,44 +0,0 @@
|
|||
import {
|
||||
computed,
|
||||
getCurrentInstance,
|
||||
h,
|
||||
nodeOps,
|
||||
render,
|
||||
} from '@vue/runtime-test'
|
||||
|
||||
describe('api: computed', () => {
|
||||
test('should warn if getCurrentInstance is called inside computed getter', () => {
|
||||
const Comp = {
|
||||
setup() {
|
||||
const c = computed(() => {
|
||||
getCurrentInstance()
|
||||
return 1
|
||||
})
|
||||
return () => c.value
|
||||
},
|
||||
}
|
||||
render(h(Comp), nodeOps.createElement('div'))
|
||||
expect(
|
||||
'getCurrentInstance() called inside a computed getter',
|
||||
).toHaveBeenWarned()
|
||||
})
|
||||
|
||||
test('should warn if getCurrentInstance is called inside computed getter (object syntax)', () => {
|
||||
const Comp = {
|
||||
setup() {
|
||||
const c = computed({
|
||||
get: () => {
|
||||
getCurrentInstance()
|
||||
return 1
|
||||
},
|
||||
set: () => {},
|
||||
})
|
||||
return () => c.value
|
||||
},
|
||||
}
|
||||
render(h(Comp), nodeOps.createElement('div'))
|
||||
expect(
|
||||
'getCurrentInstance() called inside a computed getter',
|
||||
).toHaveBeenWarned()
|
||||
})
|
||||
})
|
|
@ -1,42 +1,10 @@
|
|||
import {
|
||||
type ComputedGetter,
|
||||
type WritableComputedOptions,
|
||||
computed as _computed,
|
||||
} from '@vue/reactivity'
|
||||
import { computed as _computed } from '@vue/reactivity'
|
||||
import { isInSSRComponentSetup } from './component'
|
||||
import { isFunction } from '@vue/shared'
|
||||
|
||||
/**
|
||||
* For dev warning only.
|
||||
* Context: https://github.com/vuejs/core/discussions/9974
|
||||
*/
|
||||
export let isInComputedGetter = false
|
||||
|
||||
function wrapComputedGetter(
|
||||
getter: ComputedGetter<unknown>,
|
||||
): ComputedGetter<unknown> {
|
||||
return () => {
|
||||
isInComputedGetter = true
|
||||
try {
|
||||
return getter()
|
||||
} finally {
|
||||
isInComputedGetter = false
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export const computed: typeof _computed = (
|
||||
getterOrOptions: ComputedGetter<unknown> | WritableComputedOptions<unknown>,
|
||||
getterOrOptions: any,
|
||||
debugOptions?: any,
|
||||
) => {
|
||||
if (__DEV__) {
|
||||
if (isFunction(getterOrOptions)) {
|
||||
getterOrOptions = wrapComputedGetter(getterOrOptions)
|
||||
} else {
|
||||
getterOrOptions.get = wrapComputedGetter(getterOrOptions.get)
|
||||
}
|
||||
}
|
||||
|
||||
// @ts-expect-error the 3rd argument is hidden from public types
|
||||
// @ts-expect-error
|
||||
return _computed(getterOrOptions, debugOptions, isInSSRComponentSetup)
|
||||
}
|
||||
|
|
|
@ -85,7 +85,6 @@ import {
|
|||
} from './compat/compatConfig'
|
||||
import type { SchedulerJob } from './scheduler'
|
||||
import type { LifecycleHooks } from './enums'
|
||||
import { isInComputedGetter } from './apiComputed'
|
||||
|
||||
export type Data = Record<string, unknown>
|
||||
|
||||
|
@ -632,18 +631,8 @@ export function createComponentInstance(
|
|||
|
||||
export let currentInstance: ComponentInternalInstance | null = null
|
||||
|
||||
export const getCurrentInstance: () => ComponentInternalInstance | null =
|
||||
() => {
|
||||
if (__DEV__ && isInComputedGetter) {
|
||||
warn(
|
||||
`getCurrentInstance() called inside a computed getter. ` +
|
||||
`This is incorrect usage as computed getters are not guaranteed ` +
|
||||
`to be executed with an active component instance. If you are using ` +
|
||||
`a composable inside a computed getter, move it ouside to the setup scope.`,
|
||||
)
|
||||
}
|
||||
return currentInstance || currentRenderingInstance
|
||||
}
|
||||
export const getCurrentInstance: () => ComponentInternalInstance | null = () =>
|
||||
currentInstance || currentRenderingInstance
|
||||
|
||||
let internalSetCurrentInstance: (
|
||||
instance: ComponentInternalInstance | null,
|
||||
|
|
Loading…
Reference in New Issue